:root{--primary: #6366F1;--primary-hover: #5558E3;--primary-light: #818CF8;--primary-dark: #4F46E5;--background: #F8FAFC;--surface: #FFFFFF;--border: #E2E8F0;--text-primary: #1E293B;--text-secondary: #64748B;--text-tertiary: #94A3B8;--sidebar-bg: #1E1B4B;--sidebar-active: var(--primary);--sidebar-text: #E5E7EB}:root{--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--bg-muted: #e2e8f0;--bg-sidebar: #0d1025;--bg-sidebar-item: #131530;--fg-primary: #0f172a;--fg-secondary: #64748b;--fg-muted: #94a3b8;--fg-on-brand: #ffffff;--border-default: #e2e8f0;--border-subtle: #f1f5f9;--border-strong: #cbd5e1;--shadow-card: 0 2px 8px rgba(15, 23, 42, .08);--shadow-hero: 0 6px 20px rgba(15, 23, 42, .22);--topbar-bg: rgba(255, 255, 255, .72);--topbar-border: rgba(226, 232, 240, .8);--topbar-scrolled-bg: rgba(255, 255, 255, .85);--topbar-scrolled-shadow: 0 1px 24px rgba(15, 23, 42, .08);--sb-bg: #ffffff;--sb-border: #e2e8f0;--sb-logo-border: #e2e8f0;--sb-section-label: #94a3b8;--sb-item-text: #1e293b;--sb-item-icon: #94a3b8;--sb-item-hover-bg: rgba(99, 102, 241, .05);--sb-item-active-bg: rgba(99, 102, 241, .08);--sb-item-active-border: rgba(99, 102, 241, .16);--sb-item-active-text: #4f46e5;--sb-item-active-icon: #6366f1;--sb-pill-bg: #f8fafc;--sb-pill-border: #e2e8f0;--sb-pill-name: #0f172a;--sb-pill-role: #94a3b8;--sb-footer-border: #e2e8f0;--sb-meta-text: #64748b;--sb-user-name: #0f172a;--sb-toggle-track: #e2e8f0;--sb-toggle-track-border: #cbd5e1;--sb-toggle-knob: #64748b;--app-bg: var(--bg-page);--card-bg: var(--bg-surface);--card-border: var(--border-default);--card-shadow: var(--shadow-card);--text-primary: var(--fg-primary);--text-secondary: var(--fg-secondary);--text-muted: var(--fg-muted);--input-bg: var(--bg-subtle);--input-border: var(--border-default);--table-row-border: var(--border-subtle);--table-row-hover: var(--bg-page);--chip-bg: var(--bg-subtle);--chip-text: var(--fg-secondary)}[data-theme=dark]{--bg-page: #070c18;--bg-surface: #0f172a;--bg-subtle: #1e293b;--bg-muted: #334155;--bg-sidebar: #0d1025;--bg-sidebar-item: #131530;--fg-primary: #f8fafc;--fg-secondary: #94a3b8;--fg-muted: #475569;--fg-on-brand: #ffffff;--border-default: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .05);--border-strong: #334155;--shadow-card: 0 2px 8px rgba(0, 0, 0, .35);--shadow-hero: 0 6px 20px rgba(0, 0, 0, .6);--topbar-bg: rgba(11, 18, 32, .92);--topbar-scrolled-bg: rgba(11, 18, 32, .98);--topbar-scrolled-shadow: 0 1px 24px rgba(0, 0, 0, .4);--app-bg: #070c18;--card-bg: #0f172a;--card-border: rgba(255, 255, 255, .07);--card-shadow: 0 2px 8px rgba(0, 0, 0, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--input-bg: #1e293b;--input-border: rgba(255, 255, 255, .08);--table-row-border: rgba(255, 255, 255, .05);--table-row-hover: rgba(255, 255, 255, .03);--chip-bg: rgba(255, 255, 255, .08);--chip-text: #94a3b8;--topbar-bg: #0b1220;--topbar-border: rgba(255, 255, 255, .06);--sb-bg: #0d1025;--sb-border: rgba(255, 255, 255, .05);--sb-logo-border: rgba(255, 255, 255, .04);--sb-section-label: #475569;--sb-item-text: #cbd5e1;--sb-item-icon: #94a3b8;--sb-item-hover-bg: rgba(255, 255, 255, .04);--sb-item-active-bg: rgba(99, 102, 241, .14);--sb-item-active-border: rgba(99, 102, 241, .22);--sb-item-active-text: #f8fafc;--sb-item-active-icon: #a5b4fc;--sb-pill-bg: rgba(255, 255, 255, .04);--sb-pill-border: rgba(255, 255, 255, .06);--sb-pill-name: #cbd5e1;--sb-pill-role: #475569;--sb-footer-border: rgba(255, 255, 255, .05);--sb-meta-text: #64748b;--sb-user-name: #cbd5e1;--sb-toggle-track: rgba(255, 255, 255, .06);--sb-toggle-track-border: rgba(255, 255, 255, .1);--sb-toggle-knob: #6366f1}text-*/border-* utilities used across the platform. Brand/status colours (indigo,emerald,red,amber,purple) are intentionally kept unchanged — they are saturated enough for both light and dark surfaces. ══════════════════════════════════════════════════════════════════════════════ */ [data-theme="dark"] body,[data-theme="dark"] .bg-slate-50{background-color:var(--bg-page)!important}[data-theme=dark] .bg-white{background-color:var(--bg-surface)!important}[data-theme=dark] .bg-slate-100{background-color:var(--bg-subtle)!important}[data-theme=dark] .bg-slate-200{background-color:var(--bg-muted)!important}[data-theme=dark] .text-slate-900,[data-theme=dark] .text-slate-800{color:var(--fg-primary)!important}[data-theme=dark] .text-slate-700,[data-theme=dark] .text-slate-600{color:var(--fg-secondary)!important}[data-theme=dark] .text-slate-500,[data-theme=dark] .text-slate-400{color:var(--fg-muted)!important}[data-theme=dark] .border-slate-200{border-color:var(--border-default)!important}[data-theme=dark] .border-slate-100{border-color:var(--border-subtle)!important}[data-theme=dark] .border-slate-300{border-color:var(--border-strong)!important}[data-theme=dark] .divide-slate-100>*+*{border-color:var(--border-subtle)!important}[data-theme=dark] .divide-slate-200>*+*{border-color:var(--border-default)!important}[data-theme=dark] .hover\:bg-slate-50:hover{background-color:var(--bg-subtle)!important}[data-theme=dark] .hover\:bg-slate-100:hover{background-color:var(--bg-muted)!important}[data-theme=dark] .focus\:ring-slate-200:focus{--tw-ring-color: var(--border-default) !important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--bg-subtle)!important;color:var(--fg-primary)!important;border-color:var(--border-default)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--fg-muted)!important}[data-theme=dark] .animate-pulse .bg-slate-200,[data-theme=dark] .animate-pulse .bg-slate-100{background-color:var(--bg-muted)!important}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-page)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bg-muted);border-radius:4px}#money-top-bar.scrolled{box-shadow:var(--topbar-scrolled-shadow)!important;background:var(--topbar-scrolled-bg)!important}.theme-ready *,.theme-ready *:before,.theme-ready *:after{transition:background-color .2s ease,border-color .15s ease,color .15s ease,box-shadow .2s ease!important}.btn-primary{background-color:var(--primary);color:#fff;transition:background-color .2s ease}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:disabled{opacity:.5}.sidebar-item-active{background-color:var(--sidebar-active)}.text-theme-primary{color:var(--primary)}.bg-theme-primary{background-color:var(--primary)}.bg-theme-primary-light{background-color:var(--primary-light)}.border-theme-primary{border-color:var(--primary)}.focus-theme-primary:focus{outline:2px solid var(--primary);outline-offset:2px}.active-theme-primary,.hover-theme-primary:hover{background-color:var(--primary);color:#fff}