:root{--bg:#0b1220;--card:#0f172a;--muted:#94a3b8;--text:#e2e8f0;--accent:#0b5cff;--border:rgba(148,163,184,.2);}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,#0b1220,#020617);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.card{width:min(980px,100%);background:rgba(15,23,42,.9);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
h1{margin:0;font-size:24px}h2{margin:14px 0 10px;font-size:18px}
.sub{color:var(--muted);font-size:13px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:820px){.grid{grid-template-columns:1fr}}
label{display:block;color:var(--muted);font-size:12px;margin:0 0 6px}
input,textarea,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:rgba(2,6,23,.7);color:var(--text)}
textarea{resize:vertical}
.row{display:flex;align-items:center;gap:10px}
.inline{display:flex;align-items:center;gap:8px;color:var(--text)}
.block{margin-top:12px}
button{border:1px solid var(--border);background:rgba(2,6,23,.7);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer}
button.primary{background:var(--accent);border-color:transparent}
button.ghost{background:transparent}
.pill{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:12px}
.status{margin-top:10px;color:var(--muted);font-size:13px}
.hint{color:var(--muted);font-size:12px}
.tabs{display:flex;gap:8px;margin:10px 0 6px}
.tab{padding:8px 12px;border-radius:999px}
.tab.active{background:rgba(11,92,255,.2);border-color:rgba(11,92,255,.6)}
.panel{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(2,6,23,.35)}
.tablewrap{overflow:auto;border-radius:12px;border:1px solid var(--border);margin-top:10px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
a{color:#93c5fd}
a.ghostlink{display:inline-block;padding:10px 12px;border-radius:12px;border:1px solid var(--border);text-decoration:none;background:rgba(2,6,23,.35)}