:root{color-scheme:light dark;--bg:#f4f5f3;--card:#fff;--text:#1c211d;--muted:#5d675f;--line:#dfe3dd;--accent:#14532d;--accent-text:#fff;
--err-bg:#fde8e6;--err:#a3201a;--wrn-bg:#fdf0d5;--wrn:#855400;--ok-bg:#dff3e4;--ok:#17662f;--gray-bg:#e8eae7;--gray:#4c544e;--vio-bg:#ece7fb;--vio:#54369c}
@media (prefers-color-scheme:dark){:root{--bg:#141714;--card:#1e221e;--text:#e8ebe7;--muted:#a0a9a1;--line:#343a34;--accent:#4ade80;--accent-text:#08210f;
--err-bg:#4a1a17;--err:#ffb4ad;--wrn-bg:#46320a;--wrn:#f5cf7b;--ok-bg:#163a20;--ok:#8fe0a6;--gray-bg:#2e332e;--gray:#c4cbc4;--vio-bg:#332750;--vio:#c9b8f5}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}
main{max-width:1100px;margin:0 auto;padding:24px 16px}
h1{font-size:24px;margin:0}h2{font-size:17px;margin:0}
.top{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line)}
.brand{font-weight:700;text-decoration:none}.company{color:var(--muted)}
.top nav{margin-left:auto;display:flex;align-items:center;gap:14px}
.link{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px;margin:0 0 18px}
.narrow{max-width:400px;margin:40px auto;display:grid;gap:14px}
label{display:grid;gap:4px;font-weight:500}.check{display:flex;gap:8px;align-items:center;font-weight:400}
input:not([type=checkbox]){font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:inherit;width:100%}
.button,button.primary{display:inline-block;font:inherit;padding:8px 13px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
.primary{background:var(--accent)!important;color:var(--accent-text)!important;border-color:var(--accent)!important;font-weight:600}
.danger{color:var(--err);border-color:var(--err)}.on{background:var(--gray-bg);font-weight:600}
.head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
.tile{padding:12px;border-radius:8px;display:grid}.tile strong{font-size:24px;line-height:1.2}.tile span{font-size:13px}
.badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:13px;font-weight:600;white-space:nowrap}
.error.badge,.tile.error{background:var(--err-bg);color:var(--err)}.warning{background:var(--wrn-bg);color:var(--wrn)}
.ok{background:var(--ok-bg);color:var(--ok)}.pending{background:var(--gray-bg);color:var(--gray)}
.silent,.unreadable{background:var(--vio-bg);color:var(--vio)}
.table{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:13px;color:var(--muted);font-weight:600}tr:last-child td{border-bottom:0}
.num{text-align:right;font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:28px}
.message{overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;font-size:13px}
p.error,.warn{color:var(--err);margin:0}p.error.card{background:var(--err-bg);margin-bottom:18px}.warn{margin-top:8px;font-weight:600}
.flash{background:var(--ok-bg);color:var(--ok);padding:10px 14px;border-radius:6px;margin:0 0 16px}
.keybox{border-color:var(--accent)}.keyrow{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.keyrow code{flex:1;min-width:0;overflow-wrap:anywhere;padding:9px;background:var(--bg);border-radius:6px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0}dt{font-size:13px;color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}
.filters{display:flex;gap:6px}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:18px}
.admin{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.admin h2{width:100%}.admin form{margin:0}.inline{display:flex;gap:8px}
@media (max-width:760px){.tiles{grid-template-columns:repeat(3,1fr)}
table thead{display:none}table,tbody,tr,td{display:block;width:100%}tr{border-bottom:1px solid var(--line);padding:8px 0}tr:last-child{border-bottom:0}
td{border:0;padding:4px 14px;display:flex;justify-content:space-between;gap:16px;text-align:right}td::before{content:attr(data-label);color:var(--muted);font-size:13px;text-align:left}
td.empty{display:block;text-align:center}td.empty::before{content:none}.nowrap{white-space:normal}}