:root{--bg-page: #16171b;--bg-sidebar: #1c1d22;--bg-card: #202127;--bg-input: #26272d;--bg-hover: #2a2b32;--accent-orange: #ff6a3d;--accent-orange-muted: rgba(255, 106, 61, .15);--accent-green: #5fd987;--accent-green-muted: rgba(95, 217, 135, .15);--accent-contrast: #1a1108;--brand-mark-color: #4b5967;--brand-mark-bg: #ffffff;--font-family-brand: "Playfair Display", Georgia, "Times New Roman", serif;--text-primary: #f5f5f7;--text-secondary: #9c9da3;--text-muted: #6b6c72;--border-subtle: #2c2d33;--border-strong: #3a3b42;--color-error: #ff5c5c;--color-error-muted: rgba(255, 92, 92, .15);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--sidebar-text: #f5f5f7;--sidebar-text-secondary: #b9c0ca;--sidebar-text-muted: #8b95a3;--sidebar-hover-bg: rgba(255, 255, 255, .06);--sidebar-border: rgba(255, 255, 255, .08);--nav-active-bg: var(--accent-orange-muted);--nav-active-text: var(--accent-orange);--user-avatar-bg: #ffffff;--user-avatar-text: var(--bg-sidebar);--status-pending-bg: rgba(255, 193, 7, .15);--status-pending-text: #ffc107;--status-inprocess-bg: rgba(96, 165, 250, .15);--status-inprocess-text: #60a5fa;--status-approved-bg: var(--accent-green-muted);--status-approved-text: var(--accent-green)}:root[data-theme=light]{--bg-page: #ffffff;--bg-sidebar: #46566b;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #eef1f5;--accent-orange: #4a6fa5;--accent-orange-muted: rgba(74, 111, 165, .12);--accent-green: #2f9e5b;--accent-green-muted: rgba(47, 158, 91, .12);--accent-contrast: #ffffff;--brand-mark-color: #4b5967;--brand-mark-bg: #ffffff;--text-primary: #1f2733;--text-secondary: #5b6b7c;--text-muted: #8b95a3;--border-subtle: #dde2e8;--border-strong: #c3cbd4;--color-error: #c8392b;--color-error-muted: rgba(200, 57, 43, .1);--nav-active-bg: #333b45;--nav-active-text: #cfe0f5;--user-avatar-bg: #333b45;--user-avatar-text: #ffffff;--status-pending-bg: rgba(180, 83, 9, .12);--status-pending-text: #b45309;--status-inprocess-bg: rgba(29, 78, 216, .1);--status-inprocess-text: #1d4ed8;--status-approved-bg: var(--accent-green-muted);--status-approved-text: var(--accent-green)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-family)}a{color:inherit}button{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-card)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-sm);border:2px solid var(--bg-card)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.brand-mark{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:50%;background:var(--brand-mark-bg);color:var(--brand-mark-color);font-family:var(--font-family-brand);font-weight:700;font-size:1.05rem;line-height:1}.btn-secondary{padding:var(--space-2) var(--space-4);font-size:.9rem;font-weight:600;cursor:pointer;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:filter .15s,border-color .15s}.btn-secondary:hover:not(:disabled){filter:brightness(1.15);border-color:var(--text-secondary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}