*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{color-scheme:light;--bg: #f6f7fb;--card: #ffffff;--border: #e6e6ef;--text: #17171f;--muted: #667085;--muted2: #98a2b3;--grid: #eef0f5;--none: #e9eaf2;--accent: #7c3aed;--accent2: #7c3aed;--ok: #16a34a;--warn: #f59e0b;--bad: #ef4444;--info: #3b82f6;--chipbg: #f1f2f8;--shadow: 0 1px 3px rgba(16, 16, 32, .06), 0 8px 24px rgba(16, 16, 32, .04)}[data-theme=dark]{color-scheme:dark;--bg: #0d0d12;--card: #14121d;--border: #262336;--text: #e7e7ee;--muted: #9ca3af;--muted2: #6b7280;--grid: #221e30;--none: #26243a;--accent: #7c3aed;--accent2: #985eff;--ok: #22c55e;--warn: #f59e0b;--bad: #ef4444;--info: #3b82f6;--chipbg: #1c1828;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 10px 30px rgba(0, 0, 0, .35)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s,color .2s}.wrap{max-width:880px;margin:0 auto;padding:24px 16px 40px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;flex-wrap:wrap;gap:10px}.brand{display:flex;align-items:center;gap:12px}.brandLogo{height:42px;width:auto;display:block}.ssoLogo{height:60px;width:auto;display:block;margin:0 auto 18px}.brandText{font-size:17px;font-weight:700;letter-spacing:.4px}.headRight{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;background:var(--chipbg);border:1px solid var(--border);border-radius:10px;padding:2px;gap:2px}.segBtn{background:transparent;color:var(--muted);border:0;border-radius:8px;padding:5px 10px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:background .15s,color .15s}.segBtn:hover{color:var(--text)}.segBtn.active{background:var(--card);color:var(--text);box-shadow:0 1px 2px #0000001f}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:12px;box-shadow:var(--shadow)}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:13px}.banner{color:#fff;border-radius:12px;padding:15px 18px;font-weight:700;font-size:15px;margin-bottom:26px}.banner.ok{background:var(--ok)}.banner.warn{background:var(--warn)}.banner.bad{background:var(--bad)}.sectionHead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:26px}h3{font-size:13px;color:var(--accent);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}.sectionHead h3{margin-bottom:0}.summary{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px}.chip.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.chip.bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}.chip.mutedChip{color:var(--muted);background:var(--chipbg)}.search{width:100%;margin:10px 0 2px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:14px;outline:none;font-family:inherit}.search:focus{border-color:var(--accent)}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin:10px 0}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.components{padding:0}.component{padding:16px 18px}.component.bordered{border-top:1px solid var(--border)}.compHead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:8px}.compName{min-width:0}.compName strong{font-size:14.5px}.ipsInline{margin-left:10px;font-size:12px;color:var(--muted2);font-family:ui-monospace,SFMono-Regular,monospace}.compStatus{font-size:13px;font-weight:600;white-space:nowrap}.compFoot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted2);margin-top:8px}.uptimePct{color:var(--muted);font-weight:600}.barsWrap{position:relative}.bars{width:100%;height:30px;display:block;cursor:crosshair}.tooltip{position:absolute;bottom:38px;transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:5;box-shadow:var(--shadow)}.tipDate{font-weight:600;margin-bottom:2px}.tipMuted{color:var(--muted)}.vmChips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.chipBtn{display:inline-flex;align-items:center;gap:6px;background:var(--chipbg);border:1px solid var(--border);border-radius:999px;color:var(--muted);padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.chipBtn:hover{color:var(--text)}.chipBtn.active{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent);color:var(--text)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.metricCard{padding:16px 18px}.metricHead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:10px}.metricHead .dot{margin-right:8px}.metricStats{display:flex;gap:14px;font-size:12px;color:var(--muted)}.metricStats b{color:var(--accent2)}.chart{width:100%;height:auto;display:block}.chartEmpty{color:var(--muted2);text-align:center;padding:40px 0;font-size:13px}.axis{fill:var(--muted2);font-size:9px}.maint .maintHead{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.badge{font-size:12px;color:var(--muted);background:var(--chipbg);border-radius:6px;padding:3px 8px;width:fit-content}.badge.live{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.ssoCard{max-width:420px;margin:70px auto;text-align:center;padding:36px 30px}.ssoCard h2{margin-bottom:8px;font-size:20px}.ssoCard p{margin-bottom:18px}.primaryBtn{display:inline-block;background:var(--accent);color:#fff;border-radius:10px;padding:12px 26px;font-size:14px;font-weight:700;text-decoration:none;margin-bottom:14px;transition:background .15s}.primaryBtn:hover{background:var(--accent2)}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px;font-family:inherit}a{color:var(--accent2);text-decoration:none}footer{display:flex;justify-content:space-between;margin-top:20px}