:root{--bg: #F7F2EA;--bg-sidebar: #F5EFE6;--bg-subtle: #EBE2D5;--surface: #FCFAF6;--surface-subtle: #F6F0E7;--text: #1C1917;--text-secondary: #6E655C;--text-muted: #9E9386;--primary: #D97757;--primary-hover: #C56343;--primary-dark: #B05033;--primary-light: #FDF5EE;--primary-border: #F7D5C8;--success: #5F8253;--success-light: #F0F5EE;--warning: #D97757;--warning-light: #FDF3EE;--danger: #C15540;--danger-light: #FDF0ED;--info: #557A95;--info-light: #EFF4F8;--border: #E6DDCF;--border-strong: #D6C9B6;--border-subtle: #F1E9DC;--shadow-xs: 0 1px 2px rgba(28, 25, 23, .03);--shadow-sm: 0 2px 6px rgba(28, 25, 23, .04);--shadow-md: 0 6px 20px rgba(28, 25, 23, .05);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--font-serif: "Lora", "Newsreader", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace}[data-theme=dark],html.dark{--bg: #181716;--bg-sidebar: #141312;--bg-subtle: #262320;--surface: #22201E;--surface-subtle: #1C1B19;--text: #EDE7DF;--text-secondary: #A8A095;--text-muted: #78716A;--primary: #DA7756;--primary-hover: #E28566;--primary-dark: #B05033;--primary-light: rgba(218, 119, 86, .15);--primary-border: rgba(218, 119, 86, .3);--success: #7BA06A;--success-light: rgba(123, 160, 106, .15);--warning: #E08C5D;--warning-light: rgba(224, 140, 93, .15);--danger: #D96B54;--danger-light: rgba(217, 107, 84, .15);--info: #6A9BCC;--info-light: rgba(106, 155, 204, .15);--border: #332F2A;--border-strong: #443F38;--border-subtle: #272421;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .25);--shadow-md: 0 4px 18px rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-container{width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:16px;flex-wrap:wrap}.page-header-text{display:flex;flex-direction:column;gap:4px}.page-title{font-family:var(--font-serif);font-size:26px;font-weight:600;color:var(--text);letter-spacing:-.02em;line-height:1.2}.page-subtitle{font-size:13px;color:var(--text-muted);line-height:1.4}.action-btn-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.action-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);transition:all .15s ease;-webkit-user-select:none;user-select:none;background:var(--surface);color:var(--text-secondary)}.action-pill:hover,.action-pill.primary{background:var(--primary-light);color:var(--primary);border-color:var(--primary-border)}.action-pill.primary:hover{background:var(--primary);color:#fff}.action-pill.warning{background:var(--warning-light);color:var(--warning);border-color:#d9775740}.action-pill.warning:hover{background:var(--warning);color:#fff}.action-pill.danger{background:var(--danger-light);color:var(--danger);border-color:#c1554040}.action-pill.danger:hover{background:var(--danger);color:#fff}.action-pill:disabled{opacity:.45;cursor:not-allowed}.content-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);padding:24px;margin-bottom:20px}.content-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.content-card-title{font-family:var(--font-serif);font-size:17px;font-weight:600;color:var(--text)}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-info{color:var(--info)!important}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}