:root{--bg:#f9f9f7;--surface:#fcfcfb;--surface-2:#f3f2ef;--border:#e1e0d9;--text-1:#0b0b0b;--text-2:#52514e;--text-3:#898781;--brand:#2a78d6;--brand-ink:#fff;--brand-soft:rgba(42,120,214,.1);--good:#0ca30c;--good-soft:rgba(12,163,12,.1);--good-text:#006300;--warn:#fab219;--warn-soft:rgba(250,178,25,.14);--warn-text:#7a5200;--crit:#d03b3b;--crit-soft:rgba(208,59,59,.1);--seq:#2a78d6;--seq-track:#e6e5df;--shadow:0 1px 2px rgba(0,0,0,.05)}[data-theme=dark]{--bg:#0d0d0d;--surface:#1a1a19;--surface-2:#242422;--border:#2c2c2a;--text-1:#fff;--text-2:#c3c2b7;--text-3:#898781;--brand:#3987e5;--brand-soft:rgba(57,135,229,.22);--good-text:#0ca30c;--warn-text:#fab219;--seq:#3987e5;--seq-track:#2c2c2a;--shadow:none}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text-1);font-size:14px;line-height:1.5}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}input,select{font:inherit;color:var(--text-1)}a{color:var(--brand);text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}.num{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:224px 1fr;grid-template-rows:56px 1fr;height:100vh}.topbar{grid-column:1/3;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;min-width:200px}.logo-mark{width:28px;height:28px;border-radius:8px;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.logo b{font-size:14px;display:block;line-height:1.15}.logo span{font-size:11px;color:var(--text-3);display:block}.spacer{flex:1}.fresh{font-size:12px;color:var(--text-3)}.fresh b{color:var(--text-2);font-weight:500}.iconbtn{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:var(--text-2);background:var(--surface)}.iconbtn:hover{background:var(--surface-2)}.userchip{display:flex;align-items:center;gap:9px;text-align:right}.userchip small{display:block;color:var(--text-3);font-size:11px}.side{background:var(--surface);border-right:1px solid var(--border);padding:12px 10px;overflow-y:auto}.navgroup{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:12px 10px 5px}.navitem{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border-radius:8px;color:var(--text-2);font-size:13.5px;font-weight:500;margin-bottom:1px}.navitem:hover{background:var(--surface-2);color:var(--text-1)}.navitem.active{background:var(--brand-soft);color:var(--brand)}.navitem .count{margin-left:auto;font-size:11px;color:var(--text-3);background:var(--surface-2);border-radius:999px;padding:1px 7px}main{overflow-y:auto;padding:22px 26px 60px}.wrap{max-width:1180px;margin:0 auto}.crumbs{font-size:12.5px;color:var(--text-3);margin-bottom:10px}.pagehead{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pagehead h1{font-size:20px;font-weight:650}.sub{color:var(--text-3);font-size:13px}.btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:8px;font-size:13.5px;font-weight:600;transition:filter .12s,background .12s}.btn.primary{background:var(--brand);color:var(--brand-ink)}.btn.primary:hover{filter:brightness(.94)}.btn.secondary{background:var(--surface);border:1px solid var(--border)}.btn.secondary:hover{background:var(--surface-2)}.btn.ghost{color:var(--text-2);padding:0 8px}.btn.ghost:hover{background:var(--surface-2);color:var(--text-1)}.btn.sm{height:30px;padding:0 10px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.cardpad{padding:16px 18px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}.tile{padding:15px 17px}.tile .lbl{font-size:12.5px;color:var(--text-2);margin-bottom:5px}.tile .fig{font-size:27px;font-weight:650;line-height:1.1}.tile .subl{font-size:12px;color:var(--text-3);margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px;white-space:nowrap}.badge.good{background:var(--good-soft);color:var(--good-text)}.badge.warn{background:var(--warn-soft);color:var(--warn-text)}.badge.crit{background:var(--crit-soft);color:var(--crit)}.badge.neutral{background:var(--surface-2);color:var(--text-2);font-weight:500}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.searchbox{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 11px;height:34px;min-width:230px}.searchbox input{border:none;outline:none;background:transparent;flex:1;font-size:13px}.chipgroup{display:inline-flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);max-width:100%}.chip{padding:6px 12px;font-size:12.5px;font-weight:500;color:var(--text-2);border-right:1px solid var(--border)}.chip:last-child{border-right:none}.chip:hover{background:var(--surface-2);color:var(--text-1)}.chip.on{background:var(--brand);color:var(--brand-ink)}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-weight:600;padding:9px 12px;border-bottom:1px solid var(--border)}.hscroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.hscroll::-webkit-scrollbar{height:9px}.hscroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.hscroll::-webkit-scrollbar-track{background:transparent}.stickyfirst thead th:first-child,.stickyfirst tbody td:first-child{position:sticky;left:0;background:var(--surface);z-index:2}.stickyfirst thead th:first-child{z-index:3}.stickyfirst tbody tr:hover td:first-child{background:var(--surface-2)}.stickyfirst thead th:first-child:after,.stickyfirst tbody td:first-child:after{content:"";position:absolute;top:0;right:-9px;bottom:0;width:9px;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent)}.stickyfirst .tfoot{position:sticky;left:0}tbody td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}tbody tr:hover{background:var(--surface-2)}.tfoot{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;color:var(--text-3)}td.r,th.r{text-align:right}.pchip{display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:999px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.pchip .nm{font-weight:600}.pchip small{display:block;color:var(--text-3);font-size:11.5px;font-weight:400}.meter{display:flex;align-items:center;gap:10px}.meter .track{flex:1;height:8px;border-radius:4px;background:var(--seq-track);overflow:hidden}.meter .fill{height:100%;border-radius:4px;background:var(--seq)}.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-bottom:16px}.ans{padding:12px 14px}.ans .k{font-size:11.5px;color:var(--text-3);margin-bottom:2px}.ans .v{font-size:13.5px;font-weight:600;line-height:1.35}.ans .v small{display:block;font-weight:400;color:var(--text-3);font-size:11.5px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:14px;overflow-x:auto}.tab{padding:8px 13px;font-size:13.5px;font-weight:550;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--text-1)}.tab.on{color:var(--brand);border-bottom-color:var(--brand)}.kv{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13.5px}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-3)}.kv .v{font-weight:550;text-align:right;max-width:60%;overflow-wrap:anywhere}.cat{font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3);font-weight:650;margin:16px 0 4px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.twocol{grid-template-columns:1fr}.app{grid-template-columns:64px 1fr}.side .navlabel,.side .navgroup,.side .count{display:none}}.center{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}.logincard{width:100%;max-width:400px;text-align:center}.skeleton{background:var(--surface-2);border-radius:6px;animation:pulse 1.4s ease-in-out infinite;color:transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty{padding:36px;text-align:center;color:var(--text-3);font-size:13.5px}.errbox{background:var(--crit-soft);border:1px solid var(--crit);color:var(--crit);border-radius:8px;padding:10px 13px;font-size:13px}