:root{--bg-deep: #06060f;--bg-surface: #0a0a1a;--bg-card: #12122a;--bg-card-hover: #1a1a3a;--border: #1e1e3f;--border-glow: #3a3a7a;--cyan: #00f0ff;--cyan-rgb: 0, 240, 255;--purple: #7b2ff7;--magenta: #ff006e;--gold: #ffd700;--green: #00ff88;--red: #ff3355;--text: #e8e8f0;--text-dim: #aaaadd;--text-muted: #6666aa;--font-display: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-deep);color:var(--text);font-family:var(--font-display);height:100%;overflow:hidden}#root{height:100vh;overflow:auto}body{background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(123,47,247,.06),transparent),radial-gradient(ellipse 60% 40% at 80% 70%,rgba(0,240,255,.04),transparent),var(--bg-deep)}button{font-family:var(--font-display)}.btn{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#000;border:none;padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem;font-family:var(--font-display);transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-glow);background:var(--bg-card-hover)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:6px 12px;font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.input,input[type=text],input[type=number],textarea{background:var(--bg-deep);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:var(--font-display);font-size:.95rem;width:100%}.input:focus,input:focus,textarea:focus{outline:none;border-color:var(--cyan)}