:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0a1020;color:#eff5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#17315a 0,transparent 30rem),#0a1020;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}main,.topbar{max-width:1080px;margin:auto;padding-inline:20px}.topbar{min-height:84px;display:flex;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#7ea9ff}.topbar h1{font-size:22px;margin:2px 0}.tabs,.toolbar,.range-group{display:flex;gap:8px}.tabs{border-bottom:1px solid #263754}.tab,.range,.refresh{border:1px solid #314666;background:#111c31;border-radius:10px;padding:10px 14px}.tab{border-radius:10px 10px 0 0;border-bottom:0}.tab.active,.range.active{background:#326ce5;border-color:#4a82fa}.toolbar{margin:18px 0}.refresh:disabled{opacity:.5}.status{font-size:12px;color:#a9bad5;margin:0 0 18px}.view{display:none;padding-bottom:42px}.view.active{display:block}h2{font-size:16px;margin:24px 0 10px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric-card,.service-card,.tool-card,.empty,.alert{background:rgba(19,32,57,.9);border:1px solid #2a3d5b;border-radius:14px;padding:14px}.metric-label,.metric-note,small{display:block;color:#9eafc9;font-size:12px}.metric-value{display:block;font-size:25px;margin:6px 0}.service-list,.tool-list,.alert-list{display:grid;gap:9px}.service-card,.tool-card,.alert{display:flex;justify-content:space-between;align-items:center;gap:14px}.service-card{width:100%;color:inherit;text-align:left}.service-open:hover{border-color:#4a82fa}.service-row,.instance{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0}.service-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-card strong,.tool-card strong{font-size:14px}.dot{width:9px;height:9px;border-radius:50%;background:#8190a8;display:inline-block;margin-right:8px}.dot.healthy{background:#3ddc97;box-shadow:0 0 10px #3ddc97}.dot.failed{background:#f87171}.service-stats{display:flex;gap:12px;color:#b9c7df;font-size:12px;white-space:nowrap}.instances{width:100%;margin-top:12px;border-top:1px solid #2a3d5b}.instance{padding:11px 0;border-bottom:1px solid #253753}.instance>div:last-child{text-align:right}.instance b{display:block;font-size:12px}.funnel{display:flex;overflow:auto;border:1px solid #2a3d5b;border-radius:14px;background:#111c31}.funnel div{min-width:120px;padding:16px;border-right:1px solid #2a3d5b}.funnel span{display:block;color:#9eafc9;font-size:12px}.funnel strong{font-size:24px}.tool-metrics{display:grid;grid-template-columns:repeat(3,auto);gap:8px 15px;font-size:12px;color:#9eafc9}.tool-metrics b{color:#eef5ff}.failure-list,.detail-grid{display:grid;gap:8px}.failure-list span,.detail-grid span{display:flex;justify-content:space-between;background:#111c31;border:1px solid #2a3d5b;border-radius:10px;padding:10px;color:#b9c7df}.failure-list b,.detail-grid b{color:#eff5ff}.explain{margin-top:8px}.empty{display:grid;gap:6px;color:#9eafc9;text-align:center;padding:25px}.empty strong{color:#edf4ff}.empty a{color:#83aeff}.severity{font-size:11px;font-weight:800;border-radius:8px;padding:5px 7px;background:#f59e0b;color:#241700}.severity.p1{background:#ef4444;color:#fff}.detail-dialog{width:min(430px,calc(100vw - 28px));background:#111c31;border:1px solid #45628e;border-radius:16px;color:#eff5ff;padding:22px}.detail-dialog::backdrop{background:rgba(0,0,0,.65)}.detail-dialog h2{margin-top:0}.close-detail{float:right;border:0;background:transparent;font-size:28px;line-height:20px}@media(max-width:680px){main,.topbar{padding-inline:14px}.topbar{min-height:70px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card:last-child{grid-column:span 2}.service-card,.tool-card{align-items:flex-start;flex-direction:column}.service-stats{width:100%;justify-content:space-between}.tool-metrics{grid-template-columns:repeat(2,auto);width:100%}.range-group{flex-wrap:wrap}.tab,.range,.refresh{min-height:44px;padding:10px}.tabs{gap:4px}.tab{padding-inline:12px}}