:root{color-scheme:light;
 --bg:#f4f4f2;--surface-1:#fcfcfb;--surface-2:#ffffff;--border:#e2e1dc;--text-primary:#0b0b0b;--text-secondary:#52514e;--muted:#7a7974;
 --accent:#1f3864;--accent-ink:#ffffff;--series-1:#2a78d6;--link:#1c5cab;
 --critical:#d03b3b;--serious:#ec835a;--warning:#fab219;--good:#0ca30c;--chip:#eef3fb}
@media (prefers-color-scheme:dark){:root:where(:not([data-theme="light"])){color-scheme:dark;
 --bg:#121211;--surface-1:#1a1a19;--surface-2:#222220;--border:#383835;--text-primary:#ffffff;--text-secondary:#c3c2b7;--muted:#9a998f;
 --accent:#3987e5;--accent-ink:#ffffff;--series-1:#3987e5;--link:#86b6ef;--chip:#25303f}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#121211;--surface-1:#1a1a19;--surface-2:#222220;--border:#383835;--text-primary:#ffffff;
 --text-secondary:#c3c2b7;--muted:#9a998f;--accent:#3987e5;--accent-ink:#ffffff;--series-1:#3987e5;--link:#86b6ef;--chip:#25303f}
*{box-sizing:border-box}
body{margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text-primary)}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
header.top{display:flex;align-items:center;gap:18px;padding:10px 20px;background:var(--accent);color:var(--accent-ink);flex-wrap:wrap}
header.top .brand{font-weight:700;font-size:15px;color:var(--accent-ink)}
header.top nav{display:flex;gap:4px;flex-wrap:wrap}
header.top nav a{color:var(--accent-ink);opacity:.85;padding:6px 10px;border-radius:6px}
header.top nav a.on,header.top nav a:hover{opacity:1;background:rgba(255,255,255,.16);text-decoration:none}
header.top .right{margin-left:auto;display:flex;gap:8px;align-items:center}
header.top .right form{margin:0}
.btn{display:inline-block;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);padding:7px 14px;border-radius:7px;cursor:pointer;font:inherit}
.btn.primary{background:var(--series-1);border-color:var(--series-1);color:#fff}
.btn.ghost{background:transparent;color:var(--accent-ink);border-color:rgba(255,255,255,.45)}
main{max-width:1280px;margin:0 auto;padding:18px 20px 40px}
h1{font-size:22px;margin:4px 0 4px}h2{font-size:16px;margin:0 0 10px}
.sub{color:var(--text-secondary);margin:0 0 16px}
.muted{color:var(--muted)}
.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
.card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.kpi .v{font-size:28px;font-weight:700;letter-spacing:-.5px}.kpi .l{color:var(--text-secondary)}.kpi .s{color:var(--muted);font-size:12px}
.kpi a{color:inherit}
.chart text{font-size:12px;fill:var(--text-secondary)}.chart .val{fill:var(--text-primary);font-weight:600}
.chart .bar:hover rect:not(.hit){opacity:.8}.chart a:hover{text-decoration:none}
.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;color:var(--text-secondary)}
.lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
table.t{width:100%;border-collapse:collapse;background:var(--surface-1);font-size:13px}
table.t th{position:sticky;top:0;background:var(--surface-2);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:8px;white-space:nowrap}
table.t th a{color:inherit}
table.t td{border-bottom:1px solid var(--border);padding:7px 8px;vertical-align:top}
table.t tr:hover td{background:var(--chip)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
.wrap{max-width:420px}
.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;font-size:12px;background:var(--chip);color:var(--text-primary);white-space:nowrap}
.badge i{width:8px;height:8px;border-radius:50%;display:inline-block}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.filters input[type=search],.filters select,form.run input,form.run select{padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-primary);font:inherit}
.filters input[type=search]{min-width:260px}
.pager{display:flex;gap:6px;align-items:center;margin-top:10px;color:var(--text-secondary)}
.alert{padding:10px 14px;border-radius:8px;background:#fdecea;color:#7a1f1f;border:1px solid #f5c2bd;margin-bottom:14px}
.info{padding:10px 14px;border-radius:8px;background:var(--chip);border:1px solid var(--border);margin-bottom:14px}
form.run label{display:block;font-weight:600;margin:12px 0 4px}form.run .hint{color:var(--muted);font-size:12px;font-weight:400}
form.run input[type=text]{width:100%}
.row{display:flex;gap:16px;flex-wrap:wrap}.row>div{flex:1;min-width:220px}
dl.kv{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:6px 12px;margin:0}dl.kv dt{color:var(--text-secondary)}dl.kv dd{margin:0}
.toggle{display:inline-flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}
.toggle a{padding:6px 10px;color:var(--text-secondary);background:var(--surface-2)}.toggle a.on{background:var(--series-1);color:#fff;text-decoration:none}
#busy{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9;align-items:center;justify-content:center}
#busy div{background:var(--surface-1);padding:22px 28px;border-radius:10px;font-weight:600}
.scroll{overflow:auto;max-height:520px;border:1px solid var(--border);border-radius:8px}
footer{color:var(--muted);font-size:12px;text-align:center;padding:16px}
details.menu{position:relative}
details.menu>summary{list-style:none;cursor:pointer}details.menu>summary::-webkit-details-marker{display:none}
details.menu .menu-body{position:absolute;right:0;top:calc(100% + 6px);z-index:5;min-width:230px;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:2px}
details.menu .menu-body a,details.menu .menu-body button{color:var(--text-primary);padding:7px 10px;border-radius:6px;text-align:left;background:none;border:0;font:inherit;cursor:pointer}
details.menu .menu-body a:hover,details.menu .menu-body button:hover{background:var(--chip);text-decoration:none}
details.menu .menu-body.wide{min-width:420px;max-width:520px}
details.scope .menu-body button.btn{padding:7px 14px;border:1px solid var(--border)}
details.scope .menu-body button.btn.primary{background:var(--series-1);color:#fff}
.glist{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:2px;margin-top:6px}
.glist label{font-weight:400;padding:4px 6px;border-radius:6px}.glist label:hover{background:var(--chip)}
.auth{max-width:420px;margin:40px auto}
.auth input[type=text],.auth input[type=password]{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-primary);font:inherit}
.auth label{display:block;font-weight:600;margin:12px 0 4px}
.ok{padding:10px 14px;border-radius:8px;background:#e7f6e7;color:#145214;border:1px solid #bfe3bf;margin-bottom:14px}
.inline{display:inline}
table.t td form{margin:0}
.pill{display:inline-block;padding:1px 7px;border-radius:12px;background:var(--chip);font-size:12px;margin:1px}
form.run .glist label,.glist label.gopt{display:block;font-weight:400;margin:0}
.qr{display:flex;justify-content:center;margin:12px 0}.qr svg{width:220px;height:220px;background:#fff;padding:6px;border-radius:8px}
pre.codes{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:16px;line-height:1.7;columns:2}