:root,[data-theme=dark]{--bg: #1e2228;--bg-card: #262d35;--bg-header: #1a2030;--bg-subtle: #2a3140;--bg-input: #1a2030;--border: rgba(255,255,255,.08);--border-inner: rgba(255,255,255,.05);--text: #e8ede8;--text-muted: #7a8a7e;--text-label: #9aac9e;--text-nav: #c8d8cc;--text-link: #4ade80;--primary: #4ade80;--primary-hover: #22c55e;--primary-light: rgba(74,222,128,.1);--primary-text: #0a1a10;--button-text: #0a1a10;--nav-active-bg: rgba(74,222,128,.12);--nav-active-text: #4ade80;--danger: #f87171;--danger-bg: rgba(248,113,113,.12);--danger-border: rgba(248,113,113,.35);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.12);--warning-border: rgba(251,191,36,.35);--success: #4ade80;--success-bg: rgba(74,222,128,.12);--success-border: rgba(74,222,128,.35);--info: #60a5fa;--info-bg: rgba(96,165,250,.12);--info-border: rgba(96,165,250,.35);--stat-blue: #60a5fa;--stat-blue-bg: rgba(96,165,250,.12);--stat-blue-border: rgba(96,165,250,.35);--stat-amber: #fbbf24;--stat-amber-bg: rgba(251,191,36,.12);--stat-amber-border: rgba(251,191,36,.35);--stat-violet: #a78bfa;--stat-violet-bg: rgba(167,139,250,.12);--stat-violet-border: rgba(167,139,250,.35);--util-red: #ef4444;--util-red-bg: rgba(239,68,68,.12);--util-red-border: rgba(239,68,68,.35);--util-orange: #f97316;--util-orange-bg: rgba(249,115,22,.12);--util-orange-border: rgba(249,115,22,.35);--util-yellow: #eab308;--util-yellow-bg: rgba(234,179,8,.12);--util-yellow-border: rgba(234,179,8,.35);--util-green: #22c55e;--util-green-bg: rgba(34,197,94,.12);--util-green-border: rgba(34,197,94,.35);--ai-color: #a78bfa;--ai-bg: rgba(167,139,250,.12);--ai-border: rgba(167,139,250,.35);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.4);--svg-grid: rgba(255,255,255,.12)}[data-theme=light]{--bg: #f5f0e8;--bg-card: #ffffff;--bg-header: #2c3e33;--bg-subtle: #ede8df;--bg-input: #ffffff;--border: rgba(0,0,0,.1);--border-inner: rgba(0,0,0,.06);--text: #1a2420;--text-muted: #6b7c70;--text-label: #7a8d80;--text-nav: #d4e8d8;--text-link: #2c6e40;--primary: #2c6e40;--primary-hover: #1f5230;--primary-light: rgba(44,110,64,.08);--primary-text: #ffffff;--button-text: #ffffff;--nav-active-bg: rgba(74,222,128,.15);--nav-active-text: #c8f0d0;--danger: #b91c1c;--danger-bg: rgba(185,28,28,.08);--danger-border: rgba(185,28,28,.3);--warning: #d97706;--warning-bg: #fffbec;--warning-border: #e8cc72;--success: #2c6e40;--success-bg: rgba(44,110,64,.08);--success-border: rgba(44,110,64,.3);--info: #1d4ed8;--info-bg: rgba(29,78,216,.08);--info-border: rgba(29,78,216,.25);--stat-blue: #1e4f82;--stat-blue-bg: rgba(30,79,130,.08);--stat-blue-border: rgba(30,79,130,.25);--stat-amber: #7b4c18;--stat-amber-bg: rgba(123,76,24,.08);--stat-amber-border: rgba(123,76,24,.25);--stat-violet: #5a3f86;--stat-violet-bg: rgba(90,63,134,.08);--stat-violet-border: rgba(90,63,134,.25);--util-red: #dc2626;--util-red-bg: rgba(220,38,38,.1);--util-red-border: rgba(220,38,38,.3);--util-orange: #ea580c;--util-orange-bg: rgba(234,88,12,.1);--util-orange-border: rgba(234,88,12,.3);--util-yellow: #ca8a04;--util-yellow-bg: rgba(202,138,4,.1);--util-yellow-border: rgba(202,138,4,.3);--util-green: #16a34a;--util-green-bg: rgba(22,163,74,.1);--util-green-border: rgba(22,163,74,.3);--ai-color: #6d28d9;--ai-bg: rgba(109,40,217,.08);--ai-border: rgba(109,40,217,.25);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 8px 24px rgba(0,0,0,.12);--svg-grid: #d7cec1}[data-theme=hc-dark]{--bg: #000000;--bg-card: #111111;--bg-header: #000000;--bg-subtle: #1a1a1a;--bg-input: #111111;--border: rgba(255,255,255,.35);--border-inner: rgba(255,255,255,.2);--text: #ffffff;--text-muted: #cccccc;--text-label: #aaaaaa;--text-nav: #ffffff;--text-link: #00ff88;--primary: #00ff88;--primary-hover: #00cc66;--primary-light: rgba(0,255,136,.15);--primary-text: #000000;--button-text: #000000;--nav-active-bg: rgba(0,255,136,.2);--nav-active-text: #00ff88;--danger: #ff4444;--danger-bg: rgba(255,68,68,.18);--danger-border: rgba(255,68,68,.6);--warning: #ffcc00;--warning-bg: rgba(255,204,0,.15);--warning-border: rgba(255,204,0,.6);--success: #00ff88;--success-bg: rgba(0,255,136,.15);--success-border: rgba(0,255,136,.6);--info: #00ccff;--info-bg: rgba(0,204,255,.15);--info-border: rgba(0,204,255,.6);--stat-blue: #00ccff;--stat-blue-bg: rgba(0,204,255,.12);--stat-blue-border: rgba(0,204,255,.5);--stat-amber: #ffcc00;--stat-amber-bg: rgba(255,204,0,.12);--stat-amber-border: rgba(255,204,0,.5);--stat-violet: #cc88ff;--stat-violet-bg: rgba(204,136,255,.12);--stat-violet-border: rgba(204,136,255,.5);--util-red: #ff4444;--util-red-bg: rgba(255,68,68,.15);--util-red-border: rgba(255,68,68,.6);--util-orange: #ff8800;--util-orange-bg: rgba(255,136,0,.15);--util-orange-border: rgba(255,136,0,.6);--util-yellow: #ffcc00;--util-yellow-bg: rgba(255,204,0,.15);--util-yellow-border: rgba(255,204,0,.6);--util-green: #00ff88;--util-green-bg: rgba(0,255,136,.15);--util-green-border: rgba(0,255,136,.6);--ai-color: #cc88ff;--ai-bg: rgba(204,136,255,.15);--ai-border: rgba(204,136,255,.6);--shadow-sm: 0 2px 8px rgba(0,0,0,.6);--shadow-md: 0 8px 24px rgba(0,0,0,.7);--svg-grid: rgba(255,255,255,.35)}[data-theme=hc-light]{--bg: #ffffff;--bg-card: #f0f0f0;--bg-header: #000000;--bg-subtle: #e0e0e0;--bg-input: #ffffff;--border: rgba(0,0,0,.4);--border-inner: rgba(0,0,0,.25);--text: #000000;--text-muted: #222222;--text-label: #444444;--text-nav: #ffffff;--text-link: #004d00;--primary: #004d00;--primary-hover: #003300;--primary-light: rgba(0,77,0,.1);--primary-text: #ffffff;--button-text: #ffffff;--nav-active-bg: rgba(255,255,255,.2);--nav-active-text: #ffffff;--danger: #cc0000;--danger-bg: rgba(204,0,0,.1);--danger-border: rgba(204,0,0,.5);--warning: #884400;--warning-bg: rgba(136,68,0,.1);--warning-border: rgba(136,68,0,.5);--success: #004d00;--success-bg: rgba(0,77,0,.1);--success-border: rgba(0,77,0,.5);--info: #003399;--info-bg: rgba(0,51,153,.1);--info-border: rgba(0,51,153,.5);--stat-blue: #003399;--stat-blue-bg: rgba(0,51,153,.08);--stat-blue-border: rgba(0,51,153,.4);--stat-amber: #884400;--stat-amber-bg: rgba(136,68,0,.08);--stat-amber-border: rgba(136,68,0,.4);--stat-violet: #550088;--stat-violet-bg: rgba(85,0,136,.08);--stat-violet-border: rgba(85,0,136,.4);--util-red: #cc0000;--util-red-bg: rgba(204,0,0,.1);--util-red-border: rgba(204,0,0,.5);--util-orange: #cc5500;--util-orange-bg: rgba(204,85,0,.1);--util-orange-border: rgba(204,85,0,.5);--util-yellow: #998800;--util-yellow-bg: rgba(153,136,0,.1);--util-yellow-border: rgba(153,136,0,.5);--util-green: #004d00;--util-green-bg: rgba(0,77,0,.1);--util-green-border: rgba(0,77,0,.5);--ai-color: #550088;--ai-bg: rgba(85,0,136,.08);--ai-border: rgba(85,0,136,.4);--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--shadow-md: 0 8px 24px rgba(0,0,0,.3);--svg-grid: rgba(0,0,0,.3)}[data-theme=neon]{--bg: #080818;--bg-card: #0d0d25;--bg-header: #050512;--bg-subtle: #12122a;--bg-input: #0d0d25;--border: rgba(0,255,200,.15);--border-inner: rgba(0,255,200,.08);--text: #e0f0ff;--text-muted: #5a7898;--text-label: #4a6888;--text-nav: #a0d0ff;--text-link: #00ffcc;--primary: #00ffcc;--primary-hover: #00ccaa;--primary-light: rgba(0,255,200,.1);--primary-text: #080818;--button-text: #080818;--nav-active-bg: rgba(0,255,200,.12);--nav-active-text: #00ffcc;--danger: #ff2255;--danger-bg: rgba(255,34,85,.12);--danger-border: rgba(255,34,85,.45);--warning: #ffaa00;--warning-bg: rgba(255,170,0,.12);--warning-border: rgba(255,170,0,.4);--success: #00ffcc;--success-bg: rgba(0,255,200,.12);--success-border: rgba(0,255,200,.45);--info: #00aaff;--info-bg: rgba(0,170,255,.12);--info-border: rgba(0,170,255,.4);--stat-blue: #00aaff;--stat-blue-bg: rgba(0,170,255,.1);--stat-blue-border: rgba(0,170,255,.35);--stat-amber: #ffaa00;--stat-amber-bg: rgba(255,170,0,.1);--stat-amber-border: rgba(255,170,0,.35);--stat-violet: #dd00ff;--stat-violet-bg: rgba(221,0,255,.1);--stat-violet-border: rgba(221,0,255,.35);--util-red: #ff2255;--util-red-bg: rgba(255,34,85,.12);--util-red-border: rgba(255,34,85,.45);--util-orange: #ff6600;--util-orange-bg: rgba(255,102,0,.12);--util-orange-border: rgba(255,102,0,.4);--util-yellow: #ffdd00;--util-yellow-bg: rgba(255,221,0,.12);--util-yellow-border: rgba(255,221,0,.4);--util-green: #00ffcc;--util-green-bg: rgba(0,255,200,.12);--util-green-border: rgba(0,255,200,.45);--ai-color: #dd00ff;--ai-bg: rgba(221,0,255,.1);--ai-border: rgba(221,0,255,.35);--shadow-sm: 0 2px 8px rgba(0,0,0,.5), 0 0 12px rgba(0,255,200,.08);--shadow-md: 0 8px 24px rgba(0,0,0,.6), 0 0 32px rgba(0,255,200,.1);--svg-grid: rgba(0,255,200,.12)}[data-theme=retro]{--bg: #008080;--bg-card: #c0c0c0;--bg-header: #000080;--bg-subtle: #d4d0c8;--bg-input: #ffffff;--border: #808080;--border-inner: #a0a0a0;--text: #000000;--text-muted: #444444;--text-label: #333333;--text-nav: #ffffff;--text-link: #000080;--primary: #000080;--primary-hover: #00007a;--primary-light: rgba(0,0,128,.12);--primary-text: #ffffff;--button-text: #ffffff;--nav-active-bg: rgba(255,255,255,.2);--nav-active-text: #ffffff;--danger: #ff0000;--danger-bg: #ffe0e0;--danger-border: #ff0000;--warning: #808000;--warning-bg: #ffffcc;--warning-border: #808000;--success: #008000;--success-bg: #e0ffe0;--success-border: #008000;--info: #000080;--info-bg: #e0e0ff;--info-border: #000080;--stat-blue: #000080;--stat-blue-bg: rgba(0,0,128,.12);--stat-blue-border: #0000aa;--stat-amber: #808000;--stat-amber-bg: rgba(128,128,0,.12);--stat-amber-border: #808000;--stat-violet: #800080;--stat-violet-bg: rgba(128,0,128,.12);--stat-violet-border: #800080;--util-red: #ff0000;--util-red-bg: rgba(255,0,0,.12);--util-red-border: #ff0000;--util-orange: #ff8000;--util-orange-bg: rgba(255,128,0,.12);--util-orange-border: #ff8000;--util-yellow: #c8c800;--util-yellow-bg: rgba(200,200,0,.15);--util-yellow-border: #808000;--util-green: #008000;--util-green-bg: rgba(0,128,0,.12);--util-green-border: #008000;--ai-color: #800080;--ai-bg: rgba(128,0,128,.12);--ai-border: #800080;--shadow-sm: 2px 2px 0 rgba(0,0,0,.5);--shadow-md: 4px 4px 0 rgba(0,0,0,.5);--svg-grid: #808080}[data-theme=ocean]{--bg: #0a1628;--bg-card: #0f1f38;--bg-header: #071020;--bg-subtle: #142240;--bg-input: #0f1f38;--border: rgba(56,189,248,.12);--border-inner: rgba(56,189,248,.07);--text: #e0f0ff;--text-muted: #5a85b0;--text-label: #4a7090;--text-nav: #a0d0f0;--text-link: #38bdf8;--primary: #38bdf8;--primary-hover: #0ea5e9;--primary-light: rgba(56,189,248,.1);--primary-text: #071020;--button-text: #071020;--nav-active-bg: rgba(56,189,248,.12);--nav-active-text: #38bdf8;--danger: #f87171;--danger-bg: rgba(248,113,113,.12);--danger-border: rgba(248,113,113,.35);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.12);--warning-border: rgba(251,191,36,.35);--success: #34d399;--success-bg: rgba(52,211,153,.12);--success-border: rgba(52,211,153,.35);--info: #38bdf8;--info-bg: rgba(56,189,248,.12);--info-border: rgba(56,189,248,.35);--stat-blue: #38bdf8;--stat-blue-bg: rgba(56,189,248,.12);--stat-blue-border: rgba(56,189,248,.35);--stat-amber: #fbbf24;--stat-amber-bg: rgba(251,191,36,.12);--stat-amber-border: rgba(251,191,36,.35);--stat-violet: #c084fc;--stat-violet-bg: rgba(192,132,252,.12);--stat-violet-border: rgba(192,132,252,.35);--util-red: #f87171;--util-red-bg: rgba(248,113,113,.12);--util-red-border: rgba(248,113,113,.35);--util-orange: #fb923c;--util-orange-bg: rgba(251,146,60,.12);--util-orange-border: rgba(251,146,60,.35);--util-yellow: #fbbf24;--util-yellow-bg: rgba(251,191,36,.12);--util-yellow-border: rgba(251,191,36,.35);--util-green: #34d399;--util-green-bg: rgba(52,211,153,.12);--util-green-border: rgba(52,211,153,.35);--ai-color: #c084fc;--ai-bg: rgba(192,132,252,.12);--ai-border: rgba(192,132,252,.35);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.4);--svg-grid: rgba(56,189,248,.15)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s}input,select,textarea{background:var(--bg-input);color:var(--text);border:1px solid var(--border);font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-label)}[data-theme=retro] button{border-style:outset}[data-theme=retro] button:active{border-style:inset}