: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}.linklike{color:var(--brand);cursor:pointer;display:inline}.linklike:hover{text-decoration:underline}.linklike.sub{color:var(--text-3)}.ico{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex:none}.ico.spin{animation:ico-spin 1.1s linear infinite}@keyframes ico-spin{to{transform:rotate(360deg)}}: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}.navitem .count.pending{color:#fff;background:var(--warn,#b58900);font-weight:700}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.info{background:var(--brand-soft);color:var(--brand)}.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);flex:0 1 auto;min-width:0}.kv .v{font-weight:550;text-align:right;max-width:72%;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}}@media(max-width:700px){.app{overflow-x:hidden}.topbar{padding:0 12px;gap:8px}.logo{min-width:0;gap:8px}.logo span{display:none}.logo b{font-size:13px}.userchip{gap:7px}.userchip small{display:none}main{padding:14px 12px 60px}}@media(max-width:480px){.userchip>div:first-child{display:none}}.tabbar{display:none}@media(max-width:640px){.app{grid-template-columns:1fr}.side{display:none}main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:7px 2px;border:0;background:none;color:var(--text-3);font-size:10.5px;font-weight:550;line-height:1.1}.tabbar .tab.active{color:var(--brand)}.tabbar .tablabel{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar .tabicon{font-size:16px;line-height:1;position:relative;display:inline-block}.tabbar .tabicon .count{position:absolute;top:-6px;left:10px;background:var(--warn,#b58900);color:#fff;font-size:9.5px;font-weight:700;border-radius:999px;padding:0 4px;min-width:15px;line-height:15px;text-align:center}}.sheetback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000073}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--surface);border-top:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 -10px 30px #00000047;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}.sheetitem{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:10px;border:0;background:none;color:var(--text-2);font-size:14.5px;font-weight:500}.sheetitem:hover{background:var(--surface-2)}.sheetitem.active{background:var(--brand-soft);color:var(--brand)}.logrow{display:grid;grid-template-columns:150px 190px minmax(0,1fr) auto;gap:12px;align-items:baseline}.logrow>*{min-width:0}@media(max-width:640px){.logrow{grid-template-columns:minmax(0,1fr);gap:3px;align-items:start}.logrow time{white-space:normal}.logrow{overflow-wrap:anywhere}}@media(pointer:coarse){.btn,.btn.sm{height:40px}.btn.sm{padding:0 12px}.iconbtn{width:40px;height:40px}.chip{padding:10px 14px}select,textarea{min-height:40px}.searchbox{height:40px}input:not([type=checkbox]):not([type=radio]){min-height:40px}.searchbox input{min-height:0}summary{min-height:36px;display:flex;align-items:center}input[type=checkbox],input[type=radio]{width:24px;height:24px;margin:6px;flex:none}main button:not([class]){min-height:36px;min-width:36px}}@media(max-width:640px){.chipgroup{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.chipgroup::-webkit-scrollbar{display:none}.chip{white-space:nowrap}}.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}.tile.clickable{cursor:pointer;transition:border-color .15s ease,background .15s ease}.tile.clickable:hover{border-color:var(--text-3);background:var(--surface-2)}.tile.active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.tile .tilefoot{font-size:11.5px;margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.tile .tilefoot a,.tile .subl a{color:var(--brand);cursor:pointer}.tile .tilefoot a:hover,.tile .subl a:hover{text-decoration:underline}