:root[data-theme=light]{--bg:#f8fafc;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--surface:#fff;--surface-alt:#f1f5f9;--border:#e2e8f0;--border-focus:#2563eb;--text:#0f172a;--text-muted:#64748b;--accent:#2563eb;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--accent-bg:#2563eb14;--accent-glow:#2563eb26;--green:#16a34a;--green-bg:#16a34a14;--amber:#d97706;--amber-bg:#d9770614;--rose:#dc2626;--rose-bg:#dc262614;--purple:#7c3aed;--purple-bg:#7c3aed14;--shadow:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-sm:0 4px 6px -1px #0000000d;--glass-bg:#ffffffbf;--glass-border:#fff9;--glass-blur:blur(12px)}:root[data-theme=dark]{--bg:#090d16;--bg-gradient:linear-gradient(135deg, #090d16 0%, #0d121f 100%);--surface:#121824;--surface-alt:#1a2333;--border:#ffffff12;--border-focus:#3b82f6;--text:#f3f4f6;--text-muted:#9ca3af;--accent:#3b82f6;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--accent-bg:#3b82f626;--accent-glow:#3b82f659;--green:#10b981;--green-bg:#10b9811f;--amber:#f59e0b;--amber-bg:#f59e0b1f;--rose:#ef4444;--rose-bg:#ef44441f;--purple:#8b5cf6;--purple-bg:#8b5cf61f;--shadow:0 20px 25px -5px #0000004d, 0 10px 10px -5px #0000004d;--shadow-sm:0 4px 6px -1px #0003;--glass-bg:#121824cc;--glass-border:#ffffff0d;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);background-image:var(--bg-gradient);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,.brand-font{font-family:Outfit,Inter,system-ui,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);border-radius:16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.glass-card:hover{box-shadow:var(--shadow);border-color:rgba(var(--accent), .2);transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 12px 2px var(--accent-glow)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeUp}.animate-fade-in{animation:.2s forwards fadeIn}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}.dropdown-animate{animation:.15s cubic-bezier(.16,1,.3,1) forwards dropdownFadeIn}input,select,textarea{transition:all .2s}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--accent-glow);border-color:var(--border-focus)!important}button:active{transform:scale(.98)}
