:root{--bg:#11162a;--panel:#0d0f16;--muted:#8aa0ff;--text:#e9ecff;--ok:#2dd4bf;--warn:#f59e0b;--err:#ef4444}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(120deg,#070708,#3f4352);color:var(--text)}.container{max-width:980px;margin:40px auto;padding:24px}.card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;box-shadow:0 10px 30px #00000040}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,button{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0a0c12;color:var(--text);outline:none}label{font-size:14px;opacity:.9}button{background:linear-gradient(180deg,#0a0a0c,#0e2085);padding:12px 18px;border-radius:12px;border:none;cursor:pointer;font-weight:700;letter-spacing:.3px;transition:background .25s ease,transform .15s ease}button:hover:not(:disabled){background:linear-gradient(180deg,#6c37ff,#9a62ff);transform:translateY(-2px)}button:active:not(:disabled){background:linear-gradient(180deg,#5125ff,#743dff);transform:scale(.97)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn{background:linear-gradient(180deg,#0a0a0c,#0e2085);color:#fff;padding:12px 18px;border-radius:12px;border:none;cursor:pointer;font-weight:700;transition:background .25s ease,transform .15s ease}.btn:hover:not(:disabled){background:linear-gradient(180deg,#6c37ff,#9a62ff);transform:translateY(-2px)}.btn:active:not(:disabled){background:linear-gradient(180deg,#5125ff,#743dff);transform:translateY(0) scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px}.badge.ok{background:#2dd4bf26;color:var(--ok);border:1px solid rgba(45,212,191,.3)}.badge.warn{background:#f59e0b1f;color:var(--warn);border:1px solid rgba(245,158,11,.35)}.badge.err{background:#ef44441f;color:var(--err);border:1px solid rgba(239,68,68,.35)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.small{font-size:12px;opacity:.85}.link{color:var(--muted);text-decoration:none}hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:18px 0}