:root{font-family:Nunito,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--font-display: "Playfair Display", "Nunito", serif;color-scheme:dark;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--app-bg: #0f172a;--app-bg-soft: #1e293b;--app-bg-gradient: linear-gradient(135deg, #0f172a 0%, #16213e 50%, #101f3d 100%);--page-bg-gradient: linear-gradient(135deg, #0f172a 0%, #16213e 50%, #101f3d 100%);--navbar-bg: rgba(15, 23, 42, .9);--navbar-gradient: linear-gradient(rgba(30, 41, 59, .7), rgba(15, 23, 42, .7));--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .08);--surface-muted: rgba(255, 255, 255, .03);--surface-solid: #1e293b;--surface-elevated: rgba(255, 255, 255, .07);--surface-glass: rgba(30, 41, 59, .85);--surface-glass-strong: rgba(15, 23, 42, .72);--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .23);--border-input: #334155;--border-input-focus: #818cf8;--text-primary: #f8fafc;--text-secondary: rgba(248, 250, 252, .72);--text-muted: rgba(248, 250, 252, .52);--text-label: #94a3b8;--accent: #818cf8;--accent-strong: #a5b4fc;--accent-soft: rgba(129, 140, 248, .16);--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-primary-glow: rgba(99, 102, 241, .4);--color-on-primary: #ffffff;--color-surface-hover: rgba(255, 255, 255, .1);--color-error: #ef4444;--color-error-soft: rgba(239, 68, 68, .12);--color-error-strong: #fecaca;--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .12);--color-warning-strong: #fde68a;--color-success: #10b981;--color-success-soft: rgba(16, 185, 129, .12);--color-success-strong: #a7f3d0;--color-info: #3b82f6;--color-info-soft: rgba(59, 130, 246, .12);--color-info-strong: #bfdbfe;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow: 0 8px 32px rgba(0, 0, 0, .25);--shadow-elevated: 0 12px 40px rgba(0, 0, 0, .35)}html[data-theme=light]{color-scheme:light;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--app-bg: #f3f6fb;--app-bg-soft: #e8eef8;--app-bg-gradient: linear-gradient(135deg, #f8fbff 0%, #eef5ff 50%, #e7eefb 100%);--page-bg-gradient: linear-gradient(135deg, #f8fbff 0%, #eef5ff 50%, #e7eefb 100%);--navbar-bg: rgba(255, 255, 255, .88);--navbar-gradient: linear-gradient(rgba(255, 255, 255, .88), rgba(238, 245, 255, .88));--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .94);--surface-muted: rgba(255, 255, 255, .68);--surface-solid: #ffffff;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .88);--surface-glass-strong: rgba(248, 250, 252, .82);--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .22);--border-input: #cbd5e1;--border-input-focus: #6366f1;--text-primary: #102033;--text-secondary: rgba(16, 32, 51, .72);--text-muted: rgba(16, 32, 51, .54);--text-label: #64748b;--accent: #6366f1;--accent-strong: #4f46e5;--accent-soft: rgba(99, 102, 241, .12);--color-primary: #4f46e5;--color-primary-hover: #6366f1;--color-primary-glow: rgba(79, 70, 229, .25);--color-on-primary: #ffffff;--color-surface-hover: rgba(15, 23, 42, .06);--color-error: #dc2626;--color-error-soft: rgba(220, 38, 38, .08);--color-error-strong: #991b1b;--color-warning: #d97706;--color-warning-soft: rgba(217, 119, 6, .1);--color-warning-strong: #92400e;--color-success: #059669;--color-success-soft: rgba(5, 150, 105, .1);--color-success-strong: #065f46;--color-info: #2563eb;--color-info-soft: rgba(37, 99, 235, .08);--color-info-strong: #1e40af;--shadow-sm: 0 1px 3px rgba(25, 50, 85, .08);--shadow: 0 12px 30px rgba(25, 50, 85, .14);--shadow-elevated: 0 16px 40px rgba(25, 50, 85, .18)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--app-bg)}body{min-height:100%;margin:0;background:var(--app-bg);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}img,svg,canvas,video{max-width:100%}#root{min-height:100vh}.scroll-container{max-height:300px;overflow-y:auto}.scroll-container::-webkit-scrollbar{width:10px}.scroll-container::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:5px}.scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--accent-strong)}.scroll-container::-webkit-scrollbar-track{background-color:var(--surface-solid)}