:root{--bg:#0b0f16;--panel:#121a26;--text:#e6eefc;--muted:#9db0cc;--border:rgba(255,255,255,.12);--accent:#6ee7ff;}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1000px 600px at 20% 0%, rgba(110,231,255,.14), transparent 60%), var(--bg);color:var(--text)}
header{padding:16px;border-bottom:1px solid var(--border)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.between{justify-content:space-between}
.muted{color:var(--muted)}
a.muted{color:var(--muted);text-decoration:none}
a.muted:hover{text-decoration:underline}
main{padding:16px;max-width:1100px;margin:0 auto;display:grid;gap:12px}
.panel{background:rgba(18,26,38,.72);border:1px solid var(--border);border-radius:14px;padding:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}
label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
input,select{background:rgba(0,0,0,.18);border:1px solid var(--border);color:var(--text);padding:10px;border-radius:10px;outline:none}
button{border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer}
button.primary{border-color:rgba(110,231,255,.35);background:rgba(110,231,255,.10)}
.list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.card{border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:12px;background:rgba(0,0,0,.18)}
.card .title{font-weight:800}
.badge{font-size:12px;padding:3px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--muted)}