:root{--color-primary: #4F46E5;--color-primary-light: #818CF8;--color-primary-dark: #4338CA;--color-secondary: #8B5CF6;--color-success: #16A34A;--color-success-light: #22C55E;--color-warning: #D97706;--color-warning-light: #F59E0B;--color-error: #DC2626;--color-error-light: #F87171;--color-info: #2563EB;--color-info-light: #60A5FA;--color-bg: #F4F6FF;--color-surface: #FFFFFF;--color-surface-raised: #F1F5F9;--color-border: #E1E7FA;--color-border-strong: #CBD5E1;--color-text-primary: #1B2339;--color-text-secondary: #606A86;--color-text-muted: #94A3B8;--color-text-disabled: #CBD5E1;--color-text-inverse: #FFFFFF;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 15px rgba(15, 23, 42, .08), 0 4px 6px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px rgba(15, 23, 42, .1), 0 8px 10px rgba(15, 23, 42, .04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full:9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family-base: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 20px;--font-size-4xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .12s ease;--transition-normal: .22s ease;--transition-slow: .35s ease}[data-theme=dark],.dark{--color-primary: #7A7CFF;--color-primary-light: #A5B4FC;--color-primary-dark: #6366F1;--color-secondary: #A78BFA;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #F87171;--color-info: #60A5FA;--color-bg: #0B1020;--color-surface: #141A2E;--color-surface-raised: #1E2740;--color-border: #2A355A;--color-border-strong: #3D4F7A;--color-text-primary: #EAF0FF;--color-text-secondary: #AAB5D6;--color-text-muted: #64748B;--color-text-disabled: #3D4F7A;--shadow-sm: 0 1px 3px rgba(0,0,0,.45);--shadow-md: 0 4px 6px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.4);--shadow-lg: 0 10px 15px rgba(0,0,0,.5), 0 4px 6px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.005em;transition:background-color var(--transition-normal),color var(--transition-normal)}::selection{background:#4f46e538;color:var(--color-text-inverse)}a{color:inherit;text-decoration:none}img,svg,video,canvas{display:block;max-width:100%}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}