:root{color:#18201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button{font:inherit}#app{min-height:100svh}.app-shell{width:min(1120px,100% - 32px);min-height:100svh;margin:0 auto;padding:28px 0 40px}.masthead{justify-content:space-between;align-items:center;gap:20px;min-height:56px;margin-bottom:24px;display:flex}.brand-block{align-items:center;gap:14px;min-width:0;display:flex}.brand-icon{color:#3a6551;background:#fff;border:1px solid #cfd7cc;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.brand-icon[data-state=healthy]{color:#12613c;border-color:#7cc8a0}.brand-icon[data-state=error]{color:#9d321c;border-color:#e4a58f}.eyebrow{color:#637067;letter-spacing:0;text-transform:uppercase;margin:0 0 3px;font-size:.78rem;font-weight:700}h1,h2,p{margin:0}h1{color:#18201d;letter-spacing:0;font-size:1.55rem;font-weight:760;line-height:1.15}h2{color:#18201d;letter-spacing:0;font-size:1rem;font-weight:760}.refresh-button{color:#18201d;cursor:pointer;background:#fff;border:1px solid #b9c4bb;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;display:inline-flex}.refresh-button:hover:not(:disabled){color:#0f5133;border-color:#6f9f87}.refresh-button:disabled{cursor:wait;opacity:.7}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-band{background:#fff;border:1px solid #cbd8ce;border-left:6px solid #6c8faf;border-radius:8px;justify-content:space-between;align-items:stretch;gap:20px;min-height:138px;margin-bottom:18px;padding:24px;display:flex}.status-band[data-state=healthy]{border-left-color:#2b8a58}.status-band[data-state=error]{border-left-color:#c24124}.status-band strong{color:#18201d;letter-spacing:0;margin-bottom:8px;font-size:2rem;font-weight:780;line-height:1.1;display:block}.status-band span{color:#4d5b53}.checked-at{color:#4d5b53;white-space:nowrap;border:1px solid #d8ded8;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;min-height:34px;padding:0 10px;display:inline-flex}.notice{color:#8a2c18;background:#fff4ef;border:1px solid #e4a58f;border-radius:8px;align-items:center;gap:10px;min-height:48px;margin-bottom:18px;padding:12px 14px;font-weight:700;display:flex}.panel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.panel,.runtime-panel{background:#fff;border:1px solid #d8ded8;border-radius:8px}.panel{min-height:154px;padding:18px}.panel-header{color:#52625a;letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:18px;font-size:.82rem;font-weight:760;display:flex}.panel strong{color:#18201d;overflow-wrap:anywhere;margin-bottom:8px;font-size:1.18rem;font-weight:780;line-height:1.2;display:block}.panel p{color:#5a6960;overflow-wrap:anywhere;font-size:.94rem}.runtime-panel{padding:18px}.runtime-panel h2{margin-bottom:14px}.runtime-panel dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;display:grid}.runtime-panel div{border-top:1px solid #e2e7e1;min-height:74px;padding:14px}.runtime-panel dt{color:#637067;letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:740}.runtime-panel dd{color:#18201d;overflow-wrap:anywhere;margin:0;font-weight:720}@media (width<=900px){.panel-grid,.runtime-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-shell{width:min(100% - 24px,1120px);padding-top:18px}.masthead{flex-direction:column;align-items:stretch;margin-bottom:18px}.refresh-button{width:100%}.status-band{flex-direction:column;min-height:0;padding:18px}.status-band strong{font-size:1.65rem}.checked-at{white-space:normal;justify-content:center;align-self:stretch}.panel-grid,.runtime-panel dl{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){:root{color:#edf2ee;background:#151915}.brand-icon,.refresh-button,.status-band,.panel,.runtime-panel{background:#1d231e;border-color:#344036}h1,h2,.status-band strong,.panel strong,.runtime-panel dd,.refresh-button{color:#edf2ee}.eyebrow,.status-band span,.panel-header,.panel p,.runtime-panel dt,.checked-at{color:#aebaae}.checked-at,.runtime-panel div{border-color:#344036}.notice{color:#ffb59f;background:#321d17;border-color:#9d4f38}}