*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #070b14;--bg-surface: #0d1424;--bg-card: #111c30;--bg-card2: #162035;--bg-hover: #1a263e;--bg-input: #0f1929;--border-subtle: #1e2d47;--border-default: #243550;--border-strong: #2e4568;--blue: #3b7eff;--blue-light: #6aa0ff;--blue-glow: rgba(59, 126, 255, .12);--blue-border: rgba(59, 126, 255, .25);--emerald: #00d68f;--emerald-light: #34e8a8;--emerald-glow: rgba(0, 214, 143, .1);--emerald-border: rgba(0, 214, 143, .22);--amber: #ffaa00;--amber-light: #ffcb4a;--amber-glow: rgba(255, 170, 0, .1);--amber-border: rgba(255, 170, 0, .22);--rose: #ff3d6b;--rose-light: #ff7096;--rose-glow: rgba(255, 61, 107, .1);--rose-border: rgba(255, 61, 107, .22);--violet: #9d5fff;--violet-light: #be8fff;--violet-glow: rgba(157, 95, 255, .1);--violet-border: rgba(157, 95, 255, .22);--cyan: #00c8e0;--cyan-light: #40ddf2;--cyan-glow: rgba(0, 200, 224, .1);--text-primary: #e8f0ff;--text-secondary: #8ba0c0;--text-muted: #4d6688;--text-disabled: #2e4568;--sidebar-width: 256px;--sidebar-collapsed: 68px;--topbar-height: 62px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--transition: .18s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-base: #f0f4ff;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card2: #f5f8ff;--bg-hover: #e8eeff;--bg-input: #f0f4ff;--border-subtle: #dce4f5;--border-default: #c8d5ed;--border-strong: #a8bce0;--blue-glow: rgba(59, 126, 255, .08);--blue-border: rgba(59, 126, 255, .3);--emerald-glow: rgba(0, 214, 143, .08);--emerald-border: rgba(0, 214, 143, .28);--amber-glow: rgba(255, 170, 0, .08);--amber-border: rgba(255, 170, 0, .28);--rose-glow: rgba(255, 61, 107, .08);--rose-border: rgba(255, 61, 107, .28);--violet-glow: rgba(157, 95, 255, .08);--violet-border: rgba(157, 95, 255, .28);--cyan-glow: rgba(0, 200, 224, .08);--text-primary: #0f1c36;--text-secondary: #3d5580;--text-muted: #6b85ad;--text-disabled: #a8bcd8;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.1);--shadow-lg: 0 8px 40px rgba(0,0,0,.12)}html{font-size:16px}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,h4,h5{font-family:Syne,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:fadeIn .22s ease forwards}.animate-slide{animation:slideIn .22s ease forwards}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#root{height:100vh;display:flex;flex-direction:column}.page-enter{animation:fadeIn .2s ease forwards}