:root{--bg: #0b0f17;--bg-soft: #111827;--card: #0f172a;--card-soft: #111b33;--text: #e5e7eb;--text-soft: #9ca3af;--accent: #7c3aed;--accent-2: #22c55e;--danger: #ef4444;--border: rgba(255,255,255,.08);--shadow: 0 12px 35px rgba(0,0,0,.55);font-synthesis:style;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 10% -10%,#1f1147 0%,transparent 45%),radial-gradient(900px 600px at 100% 0%,#0f3b2d 0%,transparent 40%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1100px,100%);margin:0 auto;padding:24px}.panel{background:linear-gradient(180deg,var(--card) 0%,#0b1227 100%);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.panel-soft{background:var(--bg-soft);border:1px solid var(--border);border-radius:14px}.h1{font-size:40px;font-weight:800;letter-spacing:.2px}.h2{font-size:26px;font-weight:700}.h3{font-size:18px;font-weight:700}.muted{color:var(--text-soft)}input{background:var(--card-soft);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none;width:100%}input:focus{border-color:#7c3aedcc;box-shadow:0 0 0 3px #7c3aed26}button{background:var(--accent);color:#fff;border:0;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .08s ease,filter .12s ease,opacity .12s ease}button:hover{filter:brightness(1.06);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}button.danger{background:#2a0f13;border:1px solid rgba(239,68,68,.45);color:#fecaca}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border)}.grid{display:grid;gap:12px}