:root {
  color-scheme: dark;
  --bg: #070a12;
  --panel: #11172a;
  --text: #f4f6ff;
  --muted: #a8b0ca;
  --line: #29304c;
  --brand: #818cf8;
  --danger: #fb7185;
}
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at top, #171d38, var(--bg) 48%); color: var(--text); font: 16px/1.5 system-ui, sans-serif; }
a { color: #c7d2fe; }
header, main { max-width: 1180px; margin: auto; padding: 1.25rem; }
header { display: flex; gap: 1rem; align-items: center; justify-content: space-between; }
nav { display: flex; gap: .8rem; flex-wrap: wrap; }
.brand { font-weight: 800; letter-spacing: .04em; text-decoration: none; color: var(--text); }
.panel { background: rgba(17, 23, 42, .92); border: 1px solid var(--line); border-radius: 16px; padding: 1.25rem; margin-bottom: 1rem; box-shadow: 0 18px 60px #0005; }
.narrow { max-width: 520px; margin: 8vh auto; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; }
.metric { font-size: 2rem; font-weight: 800; }
.muted { color: var(--muted); }
label { display: block; font-weight: 650; margin: .75rem 0 .3rem; }
input, select { width: 100%; padding: .72rem; border-radius: 9px; border: 1px solid var(--line); background: #090e1e; color: var(--text); }
button { margin-top: 1rem; padding: .72rem 1rem; border: 0; border-radius: 9px; background: var(--brand); color: #080b18; font-weight: 800; cursor: pointer; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: .7rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.table-wrap { overflow-x: auto; }
.error { color: #fecdd3; border-left: 3px solid var(--danger); padding-left: .75rem; }
.pill { display: inline-block; padding: .15rem .5rem; border-radius: 999px; background: #242c4d; }
.inline { display: inline; }
.inline button { margin: 0; background: transparent; color: #c7d2fe; padding: 0; }
code { color: #c7d2fe; }
pre { overflow-wrap: anywhere; white-space: pre-wrap; padding: .8rem; border: 1px solid var(--line); border-radius: 9px; background: #090e1e; color: #e0e7ff; }