:root{--bg:#050714;--panel:rgba(10,12,30,.9);--line:rgba(0,240,255,.14);--cyan:#00f0ff;--mag:#ff1ab8;--text:#f7f8fc;--muted:#a8b2c8;--warn:#ffb020;--r:16px;font-family:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(1200px 600px at 100% 0,rgba(255,26,184,.12),transparent 60%),radial-gradient(900px 600px at 0 100%,rgba(0,240,255,.10),transparent 60%),var(--bg);min-height:100vh}
.btn{border:0;border-radius:12px;padding:.7rem 1.1rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(90deg,var(--cyan),var(--mag));box-shadow:0 0 18px rgba(0,240,255,.35)}
.btn.ghost{background:#141833;box-shadow:none;border:1px solid var(--line)}.btn:disabled{opacity:.5}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem}
input,select{width:100%;background:#05060f;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.75rem .9rem;font:inherit}
label{display:block;color:var(--muted);font-size:.85rem;margin:.9rem 0 .35rem}
.pill{display:inline-block;padding:.15rem .55rem;border-radius:8px;font-size:.78rem;border:1px solid var(--mag);color:#ffd0f0;background:rgba(255,26,184,.12)}
.ok{border-color:var(--cyan);color:var(--cyan);background:rgba(0,240,255,.08)}.pause{border-color:var(--warn);color:var(--warn);background:rgba(255,176,32,.08)}
.warn{border:1px solid var(--warn);background:rgba(255,176,32,.12);color:#ffd27a;border-radius:10px;padding:.6rem .8rem;margin-top:.7rem}
.info{background:rgba(255,26,184,.10);border-radius:10px;padding:.6rem .8rem;color:#ffd0f0;margin-top:1rem}
.err{color:#ff6b8b}.mono{font-family:ui-monospace,Menlo,monospace;color:var(--cyan)}