:root { --bg:#0b0d10; --card:#151922; --text:#e9eef5; --muted:#9a9fb0; --brand:#67b5ff; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg); color:var(--text); }
header { padding:20px; display:flex; align-items:center; justify-content:space-between; }
main { max-width:980px; margin:0 auto; padding:20px; display:grid; gap:20px; }
.card { background:var(--card); padding:20px; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.35); }
.card.subtle { background:#10141b; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:14px; }
label { display:flex; flex-direction:column; gap:6px; font-size:14px; color:var(--muted); }
input, textarea, button { padding:10px 12px; border-radius:12px; border:1px solid #2a2f3a; background:#0f131a; color:var(--text); }
button { background:var(--brand); color:#061521; border:none; font-weight:700; cursor:pointer; }
button:hover { filter:brightness(1.05); }
.muted { color:var(--muted); font-size:13px; }
.msg { margin-top:10px; color:var(--brand); }
.hidden { display:none; }
.tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.tabBtn { background:#0f131a; border:1px solid #2a2f3a; padding:8px 12px; border-radius:999px; }