:root{--background:#f6f7f9;--border:#d8dde5;--ink:#111827;--muted:#5b6472;--panel:#fff;--accent:#126b63;--accent-soft:#dff2ef;--warning:#a15c07;--warning-soft:#fff3d6}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}.appFrame{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#15201f;padding:20px 14px}.brand{border-bottom:1px solid #ffffff2e;margin-bottom:18px;padding:4px 6px 18px}.brand span{color:#b8c7c5;margin-bottom:4px;font-size:12px;display:block}.brand strong{font-size:18px;display:block}.sidebar nav{gap:6px;display:grid}.navItem{color:#d8e2e0;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;min-height:40px;padding:0 10px}.navItem:hover,.navItem.active{color:#fff;background:#ffffff1a;border-color:#ffffff24}.shell{min-height:100vh;padding:24px}.topbar,.panelHeader,.pagination{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:20px}.refreshControl{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.refreshControl span{color:var(--muted);font-size:12px}.topbarActions{gap:8px;display:flex}.authShell{background:var(--background);align-items:center;min-height:100vh;padding:24px;display:flex}.authPanel{background:var(--panel);border:1px solid var(--border);width:100%;max-width:440px;margin:0 auto;padding:28px}.authPanel h1{margin-top:4px}.authPanel p:not(.eyebrow){color:var(--muted);line-height:1.5}.authActions{margin-top:20px}.eyebrow,.panelHeader p,.versionItem p,.versionItem span{color:var(--muted);margin:0}h1,h2,h3{margin:0}h1{font-size:30px}h2{font-size:18px}h3{margin-top:20px;font-size:14px}.button{background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer;min-height:36px;padding:0 14px}.button.secondary{color:var(--ink);border-color:var(--border);background:#fff}.button:disabled{cursor:not-allowed;opacity:.5}.linkButton{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.linkButton:after{content:" ->"}.banner{background:var(--warning-soft);color:#5f3705;border:1px solid #e0b45d;margin-bottom:16px;padding:12px 14px}.metricGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric,.panel{background:var(--panel);border:1px solid var(--border)}.metric{min-height:86px;padding:14px}.metric span{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.metric strong{font-size:26px;display:block}.metric.warn{background:var(--warning-soft);border-color:#e0b45d}.metric.ok{background:var(--accent-soft);border-color:#9ccfc8}.contentGrid{grid-template-columns:minmax(0,1.6fr) minmax(360px,.9fr);gap:16px;display:grid}.operationsGrid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px;display:grid}.panel{min-width:0;padding:16px}.filters{gap:8px;display:flex}select{border:1px solid var(--border);background:#fff;min-height:36px;padding:0 10px}.tableWrap{margin-top:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:11px 10px}th{color:var(--muted);font-size:12px;font-weight:700}tbody tr{cursor:pointer;outline:none}tbody tr:hover,tbody tr:focus-visible,tbody tr.selected{background:#edf6f5}tbody tr:hover .linkButton,tbody tr:focus-visible .linkButton{text-decoration:underline}tbody tr:focus-visible{box-shadow:inset 3px 0 0 var(--accent)}.badge{border:1px solid var(--border);background:#eef1f5;min-height:24px;padding:4px 8px;font-size:12px;display:inline-flex}.badge.review{background:var(--warning-soft);color:var(--warning);border-color:#e0b45d}.pagination{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.detail{align-self:start}.detailPage{gap:14px;display:grid}.detailPage>.button{justify-self:start}.summary{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.summary div{border-bottom:1px solid var(--border);padding-bottom:8px}dt{color:var(--muted);margin-bottom:4px;font-size:12px}dd{margin:0}pre{color:#f4f7fb;background:#101820;max-height:280px;padding:12px;font-size:12px;overflow:auto}.versionList{gap:8px;display:grid}.versionItem{border:1px solid var(--border);padding:10px}.versionItem div{justify-content:space-between;gap:10px;display:flex}.empty{border:1px dashed var(--border);color:var(--muted);text-align:center;margin-top:14px;padding:24px}.breakdown{gap:16px;margin-top:18px;display:grid}.breakdownRow{gap:8px;display:grid}.breakdownRow div:first-child{justify-content:space-between;align-items:center;display:flex}.breakdownRow span{color:var(--muted)}.barTrack{background:#e8edf2;height:12px;overflow:hidden}.barFill{background:var(--accent);height:100%}@media (max-width:980px){.appFrame{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:1fr 1fr}.metricGrid,.contentGrid,.operationsGrid{grid-template-columns:1fr}.filters,.refreshControl,.topbarActions,.panelHeader,.topbar{flex-direction:column;align-items:stretch}}