:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255,255,255,.8);--bg-card-hover: rgba(255,255,255,.95);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-primary-rgb: 59, 130, 246;--accent-secondary: #6366f1;--bg-danger: #dc2626;--bg-danger-hover: #b91c1c;--bg-warning: #f59e0b;--bg-warning-hover: #d97706;--border: rgba(0,0,0,.1);--font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--space-1: 8px;--space-1-5: 10px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--transition: all .3s ease}.night-mode{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-card: rgba(255,255,255,.02);--bg-card-hover: rgba(255,255,255,.03);--text-primary: #d1d5db;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #7f1d1d;--accent-primary-hover: #991b1b;--border: rgba(255,255,255,.08);--bg-danger: #7f1d1d;--bg-danger-hover: #991b1b;--bg-warning: #78350f;--bg-warning-hover: #92400e}.night-mode body{background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-family);background:linear-gradient(180deg,#e2e8f0,#cbd5e1);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;padding-bottom:80px}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0}@media (min-width: 768px){.container{padding:0 var(--space-4)}}h1{font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--space-1) 0;line-height:1.2}h2{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-2) 0;line-height:1.3}h3{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-1) 0;line-height:1.4}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.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}