:root {
  --bg: #0f172a;
  --panel: #1e293b;
  --panel2: #0b1220;
  --line: #334155;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --ok: #22c55e;
  --warn: #f59e0b;
  --bad: #ef4444;
  --accent: #2563eb;
}

* { box-sizing: border-box; }
html, body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, "Segoe UI", Arial, sans-serif;
}
button, input, select, textarea { font: inherit; }
button, select, input, textarea {
  color: var(--text);
  background: var(--panel2);
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 7px 10px;
}
button { cursor: pointer; }
button:hover { background: #334155; }
button.primary { background: var(--accent); border: 0; font-weight: 700; }
.muted, .empty { color: var(--muted); }
.ok { color: var(--ok); }
.down, .error { color: #fca5a5; }
.warn { color: #fcd34d; }
.danger { border-color: var(--bad); color: #fca5a5; }
code { white-space: pre-wrap; }