:root{--color-bg-base: #F1F4F9;--color-bg-surface: #FFFFFF;--color-bg-elevated:#FFFFFF;--color-bg-card: #FFFFFF;--color-bg-subtle: #EDF0F7;--color-bg-wash: #E8ECF3;--color-sidebar: #0B1120;--color-topbar: rgba(255,255,255,.85);--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-light: rgba(37,99,235,.1);--color-primary-glow: rgba(37,99,235,.22);--color-teal: #0D9488;--color-teal-light: rgba(13,148,136,.1);--color-amber: #D97706;--color-amber-light: rgba(217,119,6,.1);--color-rose: #E11D48;--color-rose-light: rgba(225,29,72,.1);--color-emerald: #059669;--color-emerald-light:rgba(5,150,105,.1);--color-violet: #7C3AED;--color-violet-light: rgba(124,58,237,.1);--color-success: #059669;--color-warning: #D97706;--color-error: #E11D48;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Cascadia Code", monospace;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-dim: #CBD5E1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .06em;--border-color: #E2E8F0;--border-hover: #CBD5E1;--border-active: #2563EB;--border-subtle: rgba(15,23,42,.07);--glass-bg: rgba(15,23,42,.04);--glass-bg-hover: rgba(15,23,42,.06);--glass-bg-active:rgba(37,99,235,.08);--glass-border: #E2E8F0;--glass-border-hover: #CBD5E1;--glass-surface: rgba(255,255,255,.72);--glass-blur: 12px;--shadow-xs: 0 1px 2px rgba(15,23,42,.06);--shadow-sm: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 4px 12px rgba(15,23,42,.1), 0 2px 4px rgba(15,23,42,.06);--shadow-lg: 0 8px 24px rgba(15,23,42,.12), 0 4px 8px rgba(15,23,42,.08);--shadow-xl: 0 16px 40px rgba(15,23,42,.14), 0 8px 16px rgba(15,23,42,.08);--shadow-2xl:0 32px 64px rgba(15,23,42,.18), 0 16px 32px rgba(15,23,42,.1);--shadow-primary: 0 4px 14px rgba(37,99,235,.3);--shadow-success: 0 4px 14px rgba(5,150,105,.28);--shadow-error: 0 4px 14px rgba(225,29,72,.28);--shadow-glow: 0 0 24px var(--color-primary-glow);--shadow-glow-sm: 0 0 12px var(--color-primary-glow);--gradient-primary: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);--gradient-brand: linear-gradient(135deg, #2563EB 0%, #0D9488 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #0D9488 100%);--gradient-warning: linear-gradient(135deg, #D97706 0%, #E11D48 100%);--gradient-surface: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);--gradient-sidebar: linear-gradient(180deg, #0B1120 0%, #0F1929 60%, #0B1120 100%);--gradient-card: linear-gradient(135deg, rgba(37,99,235,.04) 0%, rgba(124,58,237,.04) 100%);--t-fast: .12s cubic-bezier(.22,1,.36,1);--t-base: .2s cubic-bezier(.22,1,.36,1);--t-slow: .3s cubic-bezier(.22,1,.36,1);--t-spring: .4s cubic-bezier(.34,1.56,.64,1);--t-smooth: .25s cubic-bezier(.4,0,.2,1);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl:20px;--r-full:9999px;--focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px rgba(37,99,235,.5);--focus-ring-offset: 2px;--z-base: 0;--z-raised: 50;--z-dropdown:100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 240px;--topbar-height: 58px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px}[data-theme=dark]{--color-bg-base: #0C0F1A;--color-bg-surface: #141824;--color-bg-elevated:#1A1F30;--color-bg-card: #141824;--color-bg-subtle: #1A1F30;--color-bg-wash: #1E2438;--color-sidebar: #080C16;--color-topbar: rgba(20,24,36,.85);--color-primary: #60A5FA;--color-primary-hover: #93BBFC;--color-primary-light: rgba(96,165,250,.12);--color-primary-glow: rgba(96,165,250,.25);--color-teal: #2DD4BF;--color-teal-light: rgba(45,212,191,.12);--color-amber: #FBBF24;--color-amber-light: rgba(251,191,36,.12);--color-rose: #FB7185;--color-rose-light: rgba(251,113,133,.12);--color-emerald: #34D399;--color-emerald-light:rgba(52,211,153,.12);--color-violet: #A78BFA;--color-violet-light: rgba(167,139,250,.12);--color-success: #34D399;--color-warning: #FBBF24;--color-error: #FB7185;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-dim: #475569;--border-color: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.14);--border-active: #60A5FA;--border-subtle: rgba(255,255,255,.05);--glass-bg: rgba(255,255,255,.04);--glass-bg-hover: rgba(255,255,255,.07);--glass-bg-active:rgba(96,165,250,.1);--glass-border: rgba(255,255,255,.08);--glass-border-hover: rgba(255,255,255,.14);--glass-surface: rgba(20,24,36,.72);--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.25);--shadow-lg: 0 8px 24px rgba(0,0,0,.45), 0 4px 8px rgba(0,0,0,.3);--shadow-xl: 0 16px 40px rgba(0,0,0,.5), 0 8px 16px rgba(0,0,0,.3);--shadow-2xl:0 32px 64px rgba(0,0,0,.6), 0 16px 32px rgba(0,0,0,.35);--shadow-primary: 0 4px 14px rgba(96,165,250,.35);--shadow-success: 0 4px 14px rgba(52,211,153,.3);--shadow-error: 0 4px 14px rgba(251,113,133,.3);--gradient-sidebar: linear-gradient(180deg, #080C16 0%, #0C1020 60%, #080C16 100%);--gradient-surface: linear-gradient(180deg, #141824 0%, #0C0F1A 100%);--gradient-card: linear-gradient(135deg, rgba(96,165,250,.06) 0%, rgba(167,139,250,.06) 100%);--focus-ring: 0 0 0 2px #0C0F1A, 0 0 0 4px rgba(96,165,250,.55)}