body { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; background:#0b0d12; color:#e7e7ea; }
.nav { background:#121523; padding:12px 18px; display:flex; gap:14px; position:sticky; top:0; border-bottom:1px solid #22263a; }
.nav a { color:#cfd3ff; text-decoration:none; font-weight:600; }
.container { max-width:1100px; margin:0 auto; padding:18px; }
h1 { margin: 10px 0 14px; }
h2 { margin: 6px 0 10px; font-size:18px; }
.muted { color:#a7acc8; }
.card { background:#111528; border:1px solid #22263a; padding:14px; border-radius:14px; margin:12px 0; }
.subtle { background:#0f1324; }
.grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; }
.grid2 { display:grid; grid-template-columns: 1.1fr 0.9fr; gap:12px; }
.btn { display:inline-block; background:#2a3cff; color:white; padding:10px 12px; border-radius:10px; text-decoration:none; border:none; cursor:pointer; font-weight:700; }
label { display:block; margin-top:10px; margin-bottom:6px; font-weight:700; }
select, textarea, input { background:#0b0d12; color:#e7e7ea; border:1px solid #2a2f4a; border-radius:10px; padding:10px; width:100%; }
textarea { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; white-space: pre-wrap; }
.table { width:100%; border-collapse: collapse; font-size: 13px; }
.table th, .table td { border-bottom:1px solid #22263a; padding:8px; vertical-align: top; }
.pill { background:#1f2440; border:1px solid #2a2f4a; padding:2px 8px; border-radius:999px; }
.ok { color:#5bf59a; font-weight:800; margin-bottom:8px; }
.err { color:#ff6b6b; font-weight:800; margin-bottom:8px; }
.row { display:flex; align-items:center; gap:10px; }
.space { justify-content: space-between; }
.mt { margin-top: 10px; }
.msg { border-top: 1px solid #22263a; padding-top: 10px; margin-top: 10px; }
.msg pre { margin: 6px 0 0; }