:root{--bg-base: #080f1c;--bg-surface: #0d1626;--bg-elevated: #131f33;--bg-input: #0f1b2d;--bg-glass: rgba(255,255,255,.035);--bg-glass-hover: rgba(255,255,255,.06);--border-subtle: rgba(255,255,255,.06);--border-muted: rgba(255,255,255,.11);--border-active: rgba(20,184,166,.5);--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-glow: rgba(20,184,166,.18);--green-400: #4ade80;--green-glow: rgba(74,222,128,.15);--amber-400: #fbbf24;--amber-glow: rgba(251,191,36,.15);--rose-500: #f43f5e;--rose-glow: rgba(244,63,94,.2);--blue-400: #60a5fa;--text-primary: #e2e8f0;--text-secondary: #8b98aa;--text-muted: #4a5568;--text-teal: var(--teal-400);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 0 0 1px var(--border-subtle);--shadow-elevated: 0 4px 20px rgba(0,0,0,.5), 0 0 0 1px var(--border-muted);--transition: .18s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--bg-base: #f0f4f8;--bg-surface: #ffffff;--bg-elevated: #f7fafc;--bg-input: #ffffff;--bg-glass: rgba(0,0,0,.02);--bg-glass-hover: rgba(0,0,0,.04);--border-subtle: rgba(0,0,0,.07);--border-muted: rgba(0,0,0,.13);--border-active: rgba(13,148,136,.5);--teal-300: #0d9488;--teal-400: #0f766e;--teal-500: #0d9488;--teal-600: #0f766e;--teal-glow: rgba(13,148,136,.1);--green-400: #16a34a;--green-glow: rgba(22,163,74,.1);--amber-400: #d97706;--amber-glow: rgba(217,119,6,.1);--rose-500: #e11d48;--rose-glow: rgba(225,29,72,.08);--blue-400: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--shadow-card: 0 1px 4px rgba(0,0,0,.08), 0 0 0 1px var(--border-subtle);--shadow-elevated: 0 4px 20px rgba(0,0,0,.1), 0 0 0 1px var(--border-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}h1,h2,h3,h4{font-weight:600;line-height:1.3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.2}to{transform:scale(1);opacity:.6}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes waveFloat{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.animate-in{animation:fadeInUp .35s ease both}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0%,rgba(255,255,255,.05) 50%,var(--bg-elevated) 100%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}button{cursor:pointer;font-family:inherit}a{color:var(--teal-400);text-decoration:none}a:hover{color:var(--teal-300)}