:root{
  --bg:#0b0c10; --card:#12151c; --muted:#9aa1ad; --text:#e7ecf3;
  --primary:#5b7cfa; --primary-2:#3949ab; --border:#20242e;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,Arial}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin:16px auto;max-width:820px}
label{display:block;margin:8px 0 4px;color:var(--muted)}
input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0e1118;color:var(--text)}
button{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--primary);color:white;cursor:pointer}
button.secondary{background:transparent}
.row{display:flex;gap:12px;align-items:center}
.between{justify-content:space-between}
.grow{flex:1}
.list{list-style:none;padding:0;margin:0}
.list li{padding:10px 0;border-bottom:1px solid var(--border)}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#1a1f2e;margin-left:6px;color:#9bb1ff;font-size:12px}
.muted{color:var(--muted);margin-top:8px}
.hidden{display:none}