:root{--primary-h: 210;--primary-s: 100%;--primary-l: 20%;--primary: #003366;--secondary: #002244;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--bg-main: var(--slate-50);--bg-sidebar: var(--slate-900);--card-bg: rgba(255, 255, 255, .95);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .01);--shadow-premium: 0 10px 20px -10px rgba(0, 30, 60, .08), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-elevated: 0 20px 40px -12px rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--glass-blur: blur(12px);--glass-shadow: 0 4px 16px 0 rgba(0, 30, 60, .05);--tracking-tight: -.01em;--tracking-wide: .05em;--tracking-premium: -.01em;--transition-normal: .3s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .6s cubic-bezier(.16, 1, .3, 1)}body.dark-theme{color-scheme:dark;--slate-50: #0a0e1a;--slate-100: #151b2e;--slate-200: #1e2942;--slate-300: #2d3a5c;--slate-400: #64748b;--slate-500: #94a3b8;--slate-600: #cbd5e1;--slate-700: #e2e8f0;--slate-800: #f1f5f9;--slate-900: #f8fafc;--bg-main: #0a0e1a;--bg-sidebar: #151b2e;--card-bg: #151b2e;--primary-h: 217;--primary-s: 91%;--primary-l: 60%;--primary: #60a5fa;--secondary: #3b82f6;--glass-bg: rgba(30, 41, 66, .7);--glass-border: rgba(96, 165, 250, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .6);--shadow-premium: 0 10px 20px -10px rgba(0, 0, 0, .7);--shadow-elevated: 0 20px 40px -12px rgba(0, 0, 0, .8)}body{background-color:var(--bg-main);color:var(--slate-800);font-family:var(--font-family);margin:0;-webkit-font-smoothing:antialiased;line-height:1.5}.premium-card{background:var(--card-bg);border:1px solid var(--slate-200);border-radius:12px;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.premium-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.glass-surface{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-premium{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #0363;transition:var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-premium:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0033663b}.btn-premium:active{transform:translateY(0)}:root{color-scheme:light dark}*{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;display:block}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--primary)}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{opacity:.8}button{font-family:inherit}input,select,textarea{background-color:var(--slate-100);color:var(--slate-900);border:1px solid var(--slate-200);border-radius:8px;padding:.5rem;font-family:inherit;transition:var(--transition-normal)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #60a5fa33}::placeholder{color:var(--slate-400);opacity:.7}.app-container{min-height:100vh;width:100%}.gradient-bg{background:linear-gradient(135deg,var(--primary),#005bb7)}