:root{--primary: #0ea5e9;--primary-light: #f0f9ff;--primary-dark: #0284c7;--primary-rgb: 14, 165, 233;--primary-glow: rgba(14, 165, 233, .16);--secondary: #64748b;--accent: #38bdf8;--bg-main: #ffffff;--bg-secondary: #f5faff;--bg-tertiary: #eef7ff;--bg-soft: #f1f5f9;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-subtle: #64748b;--border-light: #f1f5f9;--border-subtle: #e2e8f0;--border-strong: #cbd5e1;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 10px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 24px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 40px rgba(15, 23, 42, .1);--shadow-premium: var(--shadow-lg);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--sidebar-width: 268px;--header-height: 68px;--app-bg: var(--bg-main);--panel-bg: var(--bg-main);--panel-border: var(--border-subtle);--card-bg: var(--bg-main);--card-shadow: var(--shadow-sm);--surface-1: var(--bg-secondary);--surface-2: var(--bg-main);--surface-3: var(--bg-main);--glass-border: rgba(226, 232, 240, .9);--accent-border: var(--primary);--success: #10b981;--success-bg: #ecfdf5;--success-soft: #ecfdf5;--success-border: #a7f3d0;--danger: #ef4444;--danger-bg: #fef2f2;--danger-soft: #fef2f2;--danger-border: #fecaca;--warning: #f59e0b;--warning-soft: #fffbeb;--warning-border: #fde68a;--accent-soft: rgba(14, 165, 233, .1);--accent-faint: rgba(14, 165, 233, .05);--accent-glow: rgba(14, 165, 233, .28);--accent-gradient: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(14, 165, 233, .14) 0%, rgba(56, 189, 248, .08) 100%);--primary-soft: #e0f2fe;--glass-bg: rgba(255, 255, 255, .88);--glass-shadow: 0 8px 28px rgba(14, 165, 233, .08);--panel-shadow-sm: var(--shadow-xs);--panel-shadow-md: var(--shadow-sm);--panel-shadow-lg: var(--shadow-md);--panel-bg-soft: var(--bg-secondary);--panel-bg-strong: var(--bg-main);--panel-border-soft: var(--border-light);--panel-border-strong: var(--border-subtle);--panel-highlight: var(--primary-light);--panel-dark-soft: var(--bg-tertiary);--surface-muted: var(--bg-tertiary);--text-primary: var(--text-main);--text-inv: #ffffff;--text-on-dark: #ffffff;--text-on-dark-subtle: rgba(255, 255, 255, .88);--text-on-dark-muted: rgba(255, 255, 255, .68);--border-color: var(--border-subtle);--card-border: var(--border-subtle);--grid-line: rgba(14, 165, 233, .07);--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--content-max: 1180px;--page-gutter: clamp(1rem, 2.8vw, 2rem)}[data-theme=dark]{--primary: #38bdf8;--primary-light: rgba(56, 189, 248, .12);--primary-dark: #7dd3fc;--primary-rgb: 56, 189, 248;--primary-glow: rgba(56, 189, 248, .18);--secondary: #94a3b8;--accent: #7dd3fc;--bg-main: #0b1220;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-soft: #172033;--text-main: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-subtle: #64748b;--border-light: #1e293b;--border-subtle: #334155;--border-strong: #475569;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 12px rgba(0, 0, 0, .32);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .36);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4);--shadow-premium: var(--shadow-lg);--panel-bg: #0f172a;--panel-border: #334155;--card-bg: #0f172a;--surface-1: #1e293b;--surface-2: #0f172a;--surface-3: #0b1220;--success: #34d399;--success-bg: rgba(52, 211, 153, .12);--success-soft: rgba(52, 211, 153, .14);--success-border: rgba(52, 211, 153, .32);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--danger-soft: rgba(248, 113, 113, .14);--danger-border: rgba(248, 113, 113, .32);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .14);--warning-border: rgba(251, 191, 36, .32);--accent-soft: rgba(56, 189, 248, .14);--accent-faint: rgba(56, 189, 248, .08);--accent-glow: rgba(56, 189, 248, .28);--accent-gradient: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(2, 132, 199, .18) 0%, rgba(56, 189, 248, .1) 100%);--primary-soft: rgba(56, 189, 248, .18);--glass-bg: rgba(15, 23, 42, .9);--glass-shadow: 0 10px 32px rgba(0, 0, 0, .4);--glass-border: rgba(51, 65, 85, .8);--panel-bg-soft: var(--bg-tertiary);--panel-bg-strong: var(--bg-secondary);--panel-border-soft: var(--border-light);--panel-border-strong: var(--border-subtle);--panel-highlight: rgba(56, 189, 248, .12);--panel-dark-soft: #0b1220;--surface-muted: var(--bg-tertiary);--grid-line: rgba(56, 189, 248, .1);--text-primary: var(--text-main);--text-inv: #0b1220;--text-on-dark: #f1f5f9;--text-on-dark-subtle: rgba(241, 245, 249, .88);--text-on-dark-muted: rgba(241, 245, 249, .66);--border-color: var(--border-subtle);--card-border: var(--border-subtle)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:20px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);border:2px solid transparent;background-clip:content-box}::selection{background:rgba(var(--primary-rgb),.2);color:var(--primary-dark)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;width:100%;overflow-x:hidden;scrollbar-gutter:stable}body{font-family:var(--font-base);background:var(--bg-main);color:var(--text-main);line-height:1.55;font-size:15px;width:100%;min-height:100vh;overflow-x:hidden}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}#root{min-height:100vh;width:100%}img,video,canvas,svg{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-main);letter-spacing:-.025em;line-height:1.2}h1{font-size:clamp(1.75rem,3vw,2.25rem)}h2{font-size:clamp(1.35rem,2.4vw,1.75rem)}h3{font-size:clamp(1.15rem,2vw,1.35rem)}h4{font-size:1.125rem}p{color:var(--text-secondary);line-height:1.65}a{color:var(--primary-dark);text-decoration:none}button{font-family:inherit;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);padding:.625rem 1.15rem;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .18s ease,box-shadow .18s ease,background .15s ease,border-color .15s ease,color .15s ease}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}button.secondary{background:var(--bg-main);color:var(--text-main);border-color:var(--border-subtle)}button.secondary:hover:not(:disabled){background:var(--primary-light);border-color:rgba(var(--primary-rgb),.3);color:var(--primary-dark)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.w-full{width:100%}.text-sky-500{color:var(--primary)}.text-amber-500{color:var(--warning)}html.theme-switching,html.theme-switching *{transition:none!important}