:root{color-scheme:light;--ink:#454b50;--muted:#6f747a;--line:#dfe7ed;--brand:#0669a8;--green:#23845b;--brand-soft:#dceef9;--paper:#fff;--red:#ba4343;--amber:#946925;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #278ccc;outline-offset:4px}.site-header{max-width:1112px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.1px}.header-label{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:650;color:var(--brand);border:1px solid #d8e7f1;border-radius:30px;padding:8px 12px}main{max-width:1040px;margin:auto;padding:32px 0 30px}.summary{display:flex;align-items:center;gap:18px;padding:25px 27px;border:1px solid #cfe3f1;border-radius:17px;background:#f0f7fc;min-height:111px}.summary-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:25px;flex-shrink:0}.summary h1{font-size:21px;letter-spacing:-.5px;font-weight:650;margin:0 0 7px}.summary p{color:#61717d;font-size:13px;margin:0;line-height:1.5}.summary-tag{margin-left:auto;white-space:nowrap;border:1px solid #c5deef;border-radius:30px;padding:7px 11px;font-size:11px;color:var(--brand)}.summary.outage{background:#fff0ed;border-color:#efd3ce}.summary.outage .summary-icon{background:#f7d3ce;color:var(--red)}.summary.maintenance,.summary.unknown{background:#f6f1e7;border-color:#e7ddc7}.summary.maintenance .summary-icon,.summary.unknown .summary-icon{background:#e9ddc2;color:var(--amber)}.summary:not(.operational) .summary-tag{border-color:currentColor;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 14px}.section-heading h2{font-size:16px;margin:0;letter-spacing:-.25px;font-weight:650}.updated{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}#refresh{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;width:30px;height:30px;font-size:20px;cursor:pointer;margin-left:4px}#refresh:hover{background:#edf6fc}#refresh:disabled{opacity:.45;cursor:wait}.systems{display:grid;grid-template-columns:1fr 1fr;gap:17px}.system-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 3px #0669a802}.system-card.wide{grid-column:1/-1}.card-heading{display:flex;align-items:center;gap:11px;padding:19px 21px 16px;border-bottom:1px solid #eaf0f4}.group-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #dceaf4;background:#f0f7fc;border-radius:8px;color:var(--brand);font-size:12px;font-weight:600}.card-heading h3{font-size:16px;margin:0;font-weight:650;letter-spacing:-.3px}.group-count{margin-left:auto;color:#76818a;font-size:10px}.components{padding:3px 21px}.wide .components{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.component{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f4;min-height:50px}.component:last-child{border-bottom:0}.wide .component:nth-last-child(-n+2){border-bottom:0}.component-name{font-size:12px;line-height:1.5;font-weight:500}.badge{margin-left:auto;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;color:var(--green)}.badge.outage{color:var(--red)}.badge.maintenance{color:var(--amber)}.badge.unknown{color:var(--muted)}.dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block;flex-shrink:0}.dot.outage{background:var(--red)}.dot.maintenance{background:var(--amber)}.dot.unknown{background:#929aa1}.history .section-heading{margin-top:33px}.muted{font-size:11px;color:var(--muted)}.history-list{border:1px solid var(--line);background:white;border-radius:13px;overflow:hidden}.empty{margin:0;padding:24px 22px;color:var(--muted);font-size:12px;display:flex;gap:10px;align-items:center}.empty:before{content:'✓';color:var(--green);font-size:16px}.event{display:flex;align-items:center;gap:16px;padding:16px 21px;border-bottom:1px solid #eaf0f4}.event:last-child{border-bottom:0}.event time{color:var(--muted);font-size:11px;min-width:94px}.event-name{font-size:12px;line-height:1.5}.event-kind{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--green)}.event-kind.outage{color:var(--red)}.data-note{color:#737c83;font-size:10px;line-height:1.8;text-align:center;margin:26px 0 0}footer{max-width:1040px;margin:0 auto;padding:24px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#737c83}footer a{color:var(--brand)}.notice{padding:15px;background:#fff4df;border-radius:8px}.loading{opacity:.55}@media(min-width:761px){.wide .component:nth-child(-n+3){grid-column:1}.wide .component:nth-child(n+4){grid-column:2}.wide .component:nth-child(4){grid-row:1}.wide .component:nth-child(5){grid-row:2}.wide .component:nth-child(6){grid-row:3}.wide .component:nth-child(3){border-bottom:0}.wide .component:nth-child(5){border-bottom:1px solid #edf1f4}}@media(max-width:1112px){main,footer{margin-left:36px;margin-right:36px}}@media(max-width:760px){.site-header{padding:22px}.brand{font-size:24px}main{margin:0;padding:32px 20px 24px}footer{margin:0 20px;padding:22px 0}.summary{padding:21px 18px;gap:13px}.summary h1{font-size:18px;line-height:1.35}.summary p{font-size:12px}.summary-icon{width:39px;height:39px;font-size:22px}.summary-tag{display:none}.systems{grid-template-columns:1fr;gap:15px}.wide .components{display:block}.wide .component{border-bottom:1px solid #edf1f4}.wide .component:last-child{border-bottom:0}.section-heading{flex-wrap:wrap;gap:10px;margin-top:27px}.history .section-heading{align-items:flex-start;flex-direction:column;gap:6px}.event{gap:10px;flex-wrap:wrap}.event time{min-width:84px}.event-name{flex:1}.event-kind{padding-left:94px;width:100%;margin-top:-6px}.component-name{font-size:12px}.card-heading{padding:17px 18px 14px}.components{padding:3px 18px}.badge{font-size:10px}}
.brand .brand-logo{display:block;width:216px;height:auto;border-radius:0;object-fit:contain}@media(max-width:760px){.brand .brand-logo{width:178px}}

.summary.operational h1,.section-heading h2,.card-heading h3{color:var(--brand)}
