:root{--bg:#0b0b0c;--fg:#e9e9e6;--mut:#8b8b86;--line:#222226;--acc:#f3c969;--ok:#5ad38a;--bad:#e06c75;--warn:#e5a84b;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f6f5f1;--fg:#141414;--mut:#64645f;--line:#dcdad2;--acc:#b8860b}}
:root[data-theme=light]{--bg:#f6f5f1;--fg:#141414;--mut:#64645f;--line:#dcdad2;--acc:#b8860b}
:root[data-theme=dark]{--bg:#0b0b0c;--fg:#e9e9e6;--mut:#8b8b86;--line:#222226;--acc:#f3c969}
button.theme{background:transparent;color:var(--mut);border:1px solid var(--line);padding:1px 8px;border-radius:4px;font-size:14px;line-height:1.3;margin-right:8px;font-weight:400}button.theme:hover{color:var(--acc);border-color:var(--acc)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--fg);font:13px/1.5 var(--mono)}
body{padding:0 20px 60px}
a{color:var(--fg);text-decoration:none}a:hover{color:var(--acc)}
header{display:flex;align-items:center;gap:28px;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:22px}
header b.brand{display:inline-flex;align-items:center;gap:7px;color:var(--fg)}header b.brand svg{color:var(--acc)}header b span{color:var(--acc)}
nav a{margin-right:16px;color:var(--mut)}nav a.on,nav a:hover{color:var(--fg)}nav a.on::before{content:"# "}
header .r{margin-left:auto;color:var(--mut)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:6px}
h2{font-size:13px;font-weight:700;margin:0 0 12px;text-transform:lowercase}h2 small,h3 small{color:var(--mut);font-weight:400;margin-left:8px}
h3{font-size:13px;margin:22px 0 8px;color:var(--mut)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:24px}
.kpis div{background:var(--bg);padding:14px 16px}.kpis small{display:block;color:var(--mut);font-size:11px}.kpis b{display:block;font-size:26px;margin:4px 0;letter-spacing:-.02em}
.kpis .good b{color:var(--ok)}.kpis .bad b{color:var(--bad)}.kpis .warn b{color:var(--warn)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}@media(max-width:900px){.cols{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse;margin-bottom:20px}th{text-align:left;color:var(--mut);font-weight:400;padding:6px 8px;border-bottom:1px solid var(--line);font-size:11px}
td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}tr:hover td{background:rgba(127,127,127,.06)}
.mono{font-family:var(--mono)}.small{font-size:11px}.mut{color:var(--mut)}.ok{color:var(--ok)}.bad{color:var(--bad)}
.bar{display:inline-block;width:70px;height:6px;background:var(--line);vertical-align:middle;margin-right:6px}.bar i{display:block;height:100%;background:var(--acc)}
.al{border-left:2px solid var(--warn);padding:6px 10px;margin-bottom:8px}.al code{display:block;color:var(--mut);font-size:11px}
.search,input,select,textarea{background:transparent;border:1px solid var(--line);color:var(--fg);font:inherit;padding:8px 10px;border-radius:4px}.search{width:100%;margin-bottom:14px}
input:focus,select:focus,textarea:focus{outline:1px solid var(--acc);border-color:var(--acc)}
button{background:var(--fg);color:var(--bg);border:0;font:inherit;padding:8px 14px;border-radius:4px;cursor:pointer;font-weight:700}button.sm{padding:3px 9px;font-weight:400;background:transparent;color:var(--fg);border:1px solid var(--line)}button.sm:hover{border-color:var(--acc);color:var(--acc)}
.row{display:flex;gap:8px;flex-wrap:wrap}.row input,.row select{min-width:180px}
dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin-bottom:8px}dt{color:var(--mut)}
.back{display:inline-block;color:var(--mut);margin-bottom:14px}
.danger{margin-top:26px;padding-top:14px;border-top:1px dashed var(--line)}.danger button{border-color:var(--bad);color:var(--bad)}
code.copy{cursor:copy;background:rgba(127,127,127,.1);padding:2px 6px;border-radius:3px;font-size:11px}code.copy:hover{background:rgba(243,201,105,.18)}
.login{display:grid;place-items:center;min-height:100vh}.login form{display:grid;gap:12px;width:320px;border:1px solid var(--line);padding:24px}.login label{display:grid;gap:6px;color:var(--mut)}.err{color:var(--bad)}
.stack{display:grid;gap:12px;max-width:520px}.stack label{display:grid;gap:6px;color:var(--mut)}.stack .err{margin:0}p.err{margin-bottom:12px}
textarea{resize:vertical;font:inherit}fieldset{border:1px solid var(--line);border-radius:4px;padding:8px 10px;display:flex;gap:16px;flex-wrap:wrap}legend{color:var(--mut);padding:0 4px}.stack label.chk{display:inline-flex;gap:6px;align-items:center;color:var(--fg)}blockquote{border-left:2px solid var(--line);padding:4px 10px;margin-top:8px}
p.warn{color:var(--warn);font-size:11px;margin-bottom:10px}
ul.plain{list-style:none;margin-bottom:10px}ul.plain li{padding:3px 0}.msg{border:1px solid var(--line);border-radius:6px;padding:10px 12px;max-width:520px;white-space:pre-wrap;margin-bottom:12px}
.htmx-request{opacity:.6}
