:root{--bg:#f6f7f9;--panel:#fff;--panel-2:#fbfcfd;--ink:#16202c;--muted:#67758a;--line:#e3e8ee;--line-strong:#cbd4e0;--accent:#2b5cd9;--accent-soft:#eaf0ff;--green:#2e8b4f;--green-bg:#e6f4ea;--blue:#2b5cd9;--blue-bg:#e7edfd;--red:#c0392b;--red-bg:#fdecea;--grey:#6b7787;--grey-bg:#eef1f5;--shadow:0 1px 2px rgba(16,24,40,.06),0 4px 16px rgba(16,24,40,.06)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1319;--panel:#151b23;--panel-2:#1a212b;--ink:#e6ecf3;--muted:#93a1b3;--line:#242d38;--line-strong:#33404f;--accent:#7aa2ff;--accent-soft:#1c2740;--green:#5cc98a;--green-bg:#14301f;--blue:#7aa2ff;--blue-bg:#182642;--red:#f08a7e;--red-bg:#331a17;--grey:#9aa7b7;--grey-bg:#1e262f;--shadow:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3)}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Segoe UI,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.app{display:grid;grid-template-columns:236px 1fr;height:100vh;overflow:hidden}@media (max-width:900px){.app{grid-template-columns:1fr;height:auto;overflow:visible}}.side{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.brand{padding:18px 18px 14px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.brand h1{margin:0;font-size:15px;letter-spacing:-.01em}.brand p{margin:3px 0 0;font-size:11.5px}.brand p,.whoami{color:var(--muted)}.whoami{font-size:11px;text-align:right}.whoami button{display:block;margin-top:2px;border:0;background:none;color:var(--accent);cursor:pointer;padding:0;font-size:11px}.navsec{padding:14px 12px 6px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:2px;padding:0 8px}.nav button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:transparent;cursor:pointer}.nav button:hover{background:var(--panel-2)}.nav button[aria-current=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav .tag{font-weight:700;font-size:11px;width:34px;flex:0 0 34px}.nav .lbl{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.nav .n{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--muted)}.nav button[aria-current=true] .n{color:var(--accent)}.legend{margin-top:auto;padding:14px 16px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)}.legend div{display:flex;align-items:center;gap:8px;margin-top:6px}.sw{width:9px;height:9px;border-radius:2.5px;flex:0 0 9px}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}@media (max-width:900px){.main{overflow:visible}}.topbar{padding:16px 22px 0}.title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.title h2{margin:0;font-size:19px;letter-spacing:-.02em}.title .sub{color:var(--muted);font-size:12.5px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));grid-gap:10px;gap:10px;margin:14px 0 0}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.kpi b{display:block;font-size:21px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.kpi span{font-size:11px;color:var(--muted)}.kpi.g b{color:var(--green)}.kpi.b b{color:var(--blue)}.kpi.r b{color:var(--red)}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0 12px}.filters input[type=search],.filters select{background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;padding:7px 10px}.filters input[type=search]{flex:1 1;min-width:190px}.chip{border:1px solid var(--line-strong);background:var(--panel);border-radius:999px;padding:5px 12px;cursor:pointer;font-size:12.5px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.spacer{flex:1 1}.ghost{border:1px solid var(--line-strong);background:var(--panel);border-radius:8px;padding:6px 11px;cursor:pointer;font-size:12.5px}.ghost:hover{border-color:var(--accent);color:var(--accent)}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:12.5px;font-weight:600}.primary:hover{opacity:.92}.chip:disabled,.ghost:disabled,.primary:disabled{opacity:.55;cursor:default}.danger{border:1px solid var(--red);background:var(--red-bg);color:var(--red);border-radius:8px;padding:6px 11px;cursor:pointer;font-size:12.5px}.tablewrap{flex:1 1;overflow:auto;margin:0 22px 18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}table{border-collapse:separate;border-spacing:0;width:100%;min-width:940px}thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--panel-2);text-align:left;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}thead th:hover{color:var(--ink)}thead th .ar{opacity:.45;font-size:9px}tbody td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--panel-2)}tbody tr[aria-selected=true] td{background:var(--accent-soft)}.mono,td.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px}.bar{width:3px;height:15px;border-radius:2px;vertical-align:-3px;margin-right:8px}.bar,.pill{display:inline-block}.pill{padding:1.5px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.p-green{background:var(--green-bg);color:var(--green)}.p-blue{background:var(--blue-bg);color:var(--blue)}.p-red{background:var(--red-bg);color:var(--red)}.p-grey{background:var(--grey-bg);color:var(--grey)}.ctdot{color:var(--blue);font-weight:700;margin-left:5px}.empty{padding:44px 20px;text-align:center;color:var(--muted)}.trunc{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrim{position:fixed;inset:0;background:rgba(10,15,22,.42);opacity:0;pointer-events:none;transition:opacity .16s;z-index:40}.scrim.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:min(560px,100%);background:var(--panel);border-left:1px solid var(--line);transform:translateX(101%);transition:transform .2s cubic-bezier(.3,.8,.3,1);z-index:50;display:flex;flex-direction:column;box-shadow:-8px 0 32px rgba(16,24,40,.14)}.drawer.on{transform:none}.dhead{padding:18px 20px 14px;border-bottom:1px solid var(--line);position:relative}.dhead h3{margin:0 30px 4px 0;font-size:17px;letter-spacing:-.02em}.dhead .x{position:absolute;top:14px;right:14px;border:0;background:transparent;font-size:21px;line-height:1;cursor:pointer;color:var(--muted);padding:2px 6px;border-radius:6px}.dhead .x:hover{background:var(--panel-2);color:var(--ink)}.dbody{overflow-y:auto;padding:4px 20px 26px}.sec{margin-top:20px}.sec>h4{margin:0 0 9px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.sec>h4 button{font-size:10.5px;text-transform:none;letter-spacing:0;border:0;background:none;color:var(--accent);cursor:pointer;padding:0}.kv{display:grid;grid-template-columns:126px 1fr;grid-gap:5px 12px;gap:5px 12px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-word}.units{display:flex;flex-wrap:wrap;gap:5px}.unit{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:2.5px 8px;font-size:11.5px}.unit.pass{background:var(--green-bg);color:var(--green)}.unit.fail,.unit.pass{border-color:transparent;font-weight:600}.unit.fail{background:var(--red-bg);color:var(--red)}.unit.ct{background:var(--blue-bg);border-color:transparent;color:var(--blue);font-weight:600}.unit.clickable{cursor:pointer}.unit.clickable:hover{outline:2px solid var(--accent);outline-offset:1px}.note{white-space:pre-wrap;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:12.5px;color:var(--muted);max-height:210px;overflow:auto}.src{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.foot,.src{font-size:11px;color:var(--muted)}.foot{padding:0 22px 16px}.warn{background:var(--red-bg);color:var(--red);border-radius:8px;padding:10px 12px;margin:0 22px 12px}.rtable,.warn{font-size:12.5px}.rtable{width:100%;border-collapse:collapse}.rtable th{text-align:left;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:4px 6px;font-weight:700}.rtable td,.rtable th{border-bottom:1px solid var(--line)}.rtable td{padding:5px 6px}.form{gap:10px}.form,.form label{display:flex;flex-direction:column}.form label{gap:4px;font-size:12.5px;color:var(--muted)}.form input,.form select,.form textarea{background:var(--panel);border:1px solid var(--line-strong);border-radius:7px;padding:7px 9px;font-size:13px;color:var(--ink)}.form textarea{min-height:64px;resize:vertical;font-family:inherit}.form .grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.form .actions,.form .row{display:flex;gap:8px}.form .actions{margin-top:4px}.field-error{color:var(--red);font-size:11.5px}.modal-scrim{position:fixed;inset:0;background:rgba(10,15,22,.5);z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:480px;max-height:88vh;overflow-y:auto;background:var(--panel);border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px 24px}.modal h3{margin:0 0 4px;font-size:16px}.modal p.sub{margin:0 0 16px;color:var(--muted);font-size:12.5px}.modal .close{float:right;border:0;background:none;font-size:20px;cursor:pointer;color:var(--muted)}.userrow{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.userrow .meta{color:var(--muted);font-size:11.5px}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px 26px;box-shadow:var(--shadow)}.login-card h1{margin:0 0 4px;font-size:18px}.login-card p.sub{margin:0 0 20px;color:var(--muted);font-size:12.5px}.setup{max-width:620px;margin:40px auto;padding:0 20px 60px}.setup h1{font-size:20px}.setup .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-top:14px}.setup .card.error{background:var(--red-bg);color:var(--red);border-color:transparent}.setup .card.log{background:var(--green-bg);color:var(--green);border-color:transparent;font-size:13px}.setup .muted{color:var(--muted);font-size:13px}.setup .row{display:flex;gap:10px;margin-top:8px}.setup button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:9px 16px;cursor:pointer;font-size:13px;font-weight:600}.setup button.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}