:root{color-scheme:dark;--bg:#07111f;--panel:#101c31;--line:#294260;
  --muted:#9fb1c8;--accent:#5b8dff;--good:#4fd3a1;--warn:#f1bd65}
*{box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);
  color:#edf4ff;margin:0}.login-page{min-height:100vh;display:grid;place-items:center}
.login-page main{width:min(440px,90vw);background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:28px;box-shadow:0 20px 60px #0007}
.login-page h1{margin-top:0}.shell{max-width:1100px;margin:auto;padding:28px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.badge{color:var(--warn);font-size:12px;font-weight:700}.grid{display:grid;
  grid-template-columns:1fr 1fr;gap:18px}@media(max-width:800px){.grid{grid-template-columns:1fr}}
section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}
label{display:block;color:#bfd0e6;margin:14px 0 6px}input,select,textarea,button{
  width:100%;padding:10px;border:1px solid #395576;border-radius:8px;background:#091527;color:#fff}
textarea{min-height:90px}button{background:#2d68d9;border:0;font-weight:700;margin-top:14px;
  cursor:pointer}button:disabled{cursor:wait;opacity:.62}.secondary{background:#203451}
.compact{width:auto}.inline-choice input{width:auto}.status{font-weight:700;color:var(--good)}
.error{color:#ff9d9d;min-height:20px}pre{white-space:pre-wrap;word-break:break-word;
  background:#081323;padding:12px;border-radius:8px;max-height:420px;overflow:auto}
progress{width:100%;height:10px;appearance:none}progress::-webkit-progress-bar{
  background:#233b59;border-radius:8px}progress::-webkit-progress-value{
  background:var(--accent);border-radius:8px}progress::-moz-progress-bar{
  background:var(--accent);border-radius:8px}.muted{color:var(--muted);font-size:13px;
  line-height:1.5}.hidden{display:none}ul{padding-left:20px}.meta{display:flex;gap:12px;
  flex-wrap:wrap;margin:8px 0 18px}.chip{background:#172844;border:1px solid #355071;
  border-radius:999px;padding:6px 10px;font-size:12px}.preview{color:#07111f;
  background:var(--warn);border-radius:5px;padding:2px 6px;font-size:11px;font-weight:800}
.warning{border-left:4px solid var(--warn);padding:10px 12px;background:#2b2417;
  color:#ffe0a8;border-radius:6px}.metric{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric div{background:#0a1628;
  border-radius:8px;padding:10px}code{word-break:break-all}