*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0A0A0A;--sidebar: #080808;--surface: #141414;--surface2: #1A1A1A;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #E0E0E0;--text2: #6A6A6A;--text3: #424242;--accent: #2DD4BF;--accent-bg: rgba(45,212,191,.08);--accent-border: rgba(45,212,191,.2);--green: #22C55E;--amber: #F59E0B;--red: #EF4444;--blue: #60A5FA;--purple: #8B5CF6;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-sans: "Space Grotesk", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;font-family:var(--font-sans);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}html,body,#root{height:100%}body{background:radial-gradient(ellipse 70% 50% at 15% -5%,rgba(45,212,191,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 35% at 85% 105%,rgba(96,165,250,.04) 0%,transparent 60%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 20%,transparent 80%);mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 20%,transparent 80%);pointer-events:none;z-index:0}.panel-card{position:relative;background:var(--surface);border:.5px solid var(--border);border-radius:10px;overflow:hidden}.panel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(45,212,191,.2),transparent);pointer-events:none;z-index:1}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2dd4bf26;border-radius:99px}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:background .12s,color .12s,border-color .12s,opacity .12s}button:disabled{opacity:.35;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:.9rem;background:var(--surface);border:1px solid var(--border2);color:var(--text);border-radius:6px;padding:8px 12px;outline:none;width:100%;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus,select:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}input::placeholder,textarea::placeholder{color:var(--text3)}.btn-primary{background:var(--accent);font-family:var(--font-sans);font-weight:600;font-size:.85rem;padding:7px 16px;border-radius:6px;cursor:pointer;white-space:nowrap;color:#051210;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #0000004d}.btn-primary:hover{background:#25c4b0}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{background:#ffffff0a;color:var(--text2);font-family:var(--font-sans);font-weight:500;font-size:.82rem;padding:5px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.09);cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #ffffff0d}.btn-ghost:hover{background:#ffffff12;color:var(--text);border-color:#ffffff26}.btn-ghost:active{transform:scale(.98)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease both}.fade-up-1{animation-delay:.04s;opacity:0}.fade-up-2{animation-delay:.08s;opacity:0}.fade-up-3{animation-delay:.12s;opacity:0}.fade-up-4{animation-delay:.16s;opacity:0}.fade-up-5{animation-delay:.2s;opacity:0}.fade-up-6{animation-delay:.24s;opacity:0}.fade-up-7{animation-delay:.28s;opacity:0}