:root{color-scheme:light;--text:#253044;--muted:#667085;--line:#e4e7ec;--green:#16865c;--amber:#a86600;--red:#c73636;--blue:#396bb4;--unknown:#778398}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}a{color:#3868a4;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible,.info:focus-visible,.bar:focus-visible{outline:2px solid #3868a4;outline-offset:3px}.container{max-width:848px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:48px 0 40px}.brand{display:flex;align-items:center;gap:16px;color:var(--text)}.brand:hover{text-decoration:none}.brand-logo{display:block;width:154px;height:auto;object-fit:contain;flex-shrink:0}.brand-divider{height:25px;width:1px;background:#d6dbe3}.brand h1{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:0}.back{border:1px solid #d7dce3;border-radius:4px;padding:7px 12px;font-size:12px;color:#475467;background:#fff}.back:hover{background:#f8f9fb;text-decoration:none}
.status-banner{display:flex;align-items:center;gap:14px;background:#697586;color:#fff;border-radius:5px;padding:20px 23px;min-height:72px}.status-banner.operational{background:#218b61}.status-banner.degraded{background:#9d640d}.status-banner.outage{background:#c33f3f}.status-banner.maintenance{background:#396bb4}.status-banner h2{font-size:18px;line-height:1.4;font-weight:600;margin:0}.status-icon{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border:2px solid currentColor;border-radius:50%;font-weight:700}.status-icon:after{content:'!'}.operational>.status-icon:after{content:'✓';font-size:15px}.unknown>.status-icon:after{content:'?'}
.status-context{margin:13px 0 40px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.status-context p{margin:0;max-width:520px}#freshness{white-space:nowrap;font-size:11px;padding-top:1px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{font-size:20px;font-weight:600;letter-spacing:-.3px;margin:0}.period{display:flex;align-items:center;gap:3px;font-size:11px}.period a{padding:4px 9px;border:1px solid transparent;border-radius:4px;color:var(--muted)}.period a[aria-current]{border-color:#d7dde6;background:#f7f8fa;color:var(--text);font-weight:600}.period a:hover{text-decoration:none;background:#f2f4f7}.section-intro{color:var(--muted);font-size:12px;margin:9px 0 20px}.section-intro a{margin-left:3px}
.components{border:1px solid #dce1e7;border-radius:5px}.service-group+.service-group{border-top:1px solid #dce1e7}.service-group>summary{display:flex;align-items:center;gap:10px;padding:17px 20px;cursor:pointer;list-style:none;background:#fafbfc}.service-group:first-child>summary{border-radius:5px 5px 0 0}.service-group:last-child:not([open])>summary{border-radius:0 0 5px 5px}.service-group>summary::-webkit-details-marker{display:none}.service-group>summary h2{font-size:14px;font-weight:650;margin:0}.service-group>summary>.badge{margin-left:auto}.chevron{height:7px;width:7px;border-right:1.5px solid #778398;border-bottom:1.5px solid #778398;transform:rotate(-45deg);margin-right:2px;transition:transform .15s}.service-group[open]>summary>.chevron{transform:rotate(45deg);margin-top:-4px}.group-description{margin:0;padding:0 20px 12px 39px;background:#fafbfc;font-size:11px;color:var(--muted)}
.component{padding:19px 22px 17px;border-top:1px solid var(--line);scroll-margin-top:25px}.component-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.component h3{font-size:13px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.info{position:relative;border:1px solid #c3cad5;border-radius:50%;width:14px;height:14px;display:inline-grid;place-items:center;font-size:10px;line-height:1;color:#7c8799;font-weight:500;cursor:help}.badge{font-size:12px;font-weight:400;display:inline-flex;align-items:center;gap:6px;color:var(--unknown)}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.operational{color:var(--green)}.badge.degraded{color:var(--amber)}.badge.outage{color:var(--red)}.badge.maintenance{color:var(--blue)}
.uptime-bars{display:flex;gap:2px;margin-top:14px}.bar{position:relative;height:24px;flex:1;min-width:0;background:#e5e8ed;cursor:crosshair;border-radius:1px}.bar.operational,.legend i.operational{background:#2caa78}.bar.degraded,.legend i.degraded{background:#e4ac45}.bar.outage,.legend i.outage{background:#df6464}.bar.maintenance,.legend i.maintenance{background:#7198d1}.bar.unknown,.legend i.unknown{background:#e0e4ea}.bar:hover,.bar:focus{box-shadow:0 0 0 1px #98a2b3}.bar:hover:after,.bar:focus:after,.info:hover:after,.info:focus:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:250px;padding:10px 12px;background:#253044;color:#fff;border-radius:4px;font-size:11px;font-weight:400;line-height:1.6;z-index:5;box-shadow:0 4px 12px #172b4d26;pointer-events:none}.bar:nth-child(-n+15):after{left:0;transform:none}.bar:nth-last-child(-n+15):after{right:0;left:auto;transform:none}.uptime-axis{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.uptime-axis>span{white-space:nowrap}.axis-line{height:1px;background:var(--line);flex:1}.uptime-value{color:#4e5c70}.coverage{font-size:10px;color:var(--muted);margin:5px 0 0;text-align:center}
.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 17px;margin:19px 0 10px;font-size:10px;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:6px}.legend i{height:7px;width:7px;border-radius:1px}.monitoring-note{color:var(--muted);text-align:center;font-size:11px;margin:0;line-height:1.8}.recent-history{margin-top:45px}.utc-label{font-size:11px;color:var(--muted)}.history-hour{border-top:1px solid var(--line);padding:18px 0}.history-hour h3{font-size:14px;font-weight:600;margin:0 0 10px}.history-event{margin:12px 0}.history-event h4{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;font-weight:500;margin:0}.history-event p,.quiet{font-size:12px;color:var(--muted);margin:5px 0}.history-event .badge{font-size:11px}.empty{padding:18px 22px;color:var(--muted);font-size:12px}.method{border-top:1px solid var(--line);margin-top:16px;padding-top:20px;font-size:12px;color:var(--muted)}.method summary{cursor:pointer;font-weight:500;color:#475467}.method p{margin:14px 0}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:22px 0 36px;color:var(--muted);font-size:11px}footer nav{display:flex;gap:20px}footer a{color:var(--muted)}
@media(max-width:600px){.container{padding:0 20px}header{padding:30px 0;gap:12px}.brand-logo{width:123px}.brand{gap:10px}.brand h1{font-size:18px}.back{font-size:11px;padding:6px 9px}.status-banner{padding:17px;gap:12px}.status-banner h2{font-size:16px}.status-context{flex-direction:column;gap:7px;margin-bottom:30px}.section-heading h2{font-size:18px}.period a{padding:4px 7px}.component{padding:17px 14px 15px}.component-heading{align-items:flex-start;gap:8px}.component h3{font-size:12px;gap:5px}.badge{font-size:11px}.component-heading>.badge{text-align:right;justify-content:flex-end;max-width:120px}.service-group>summary{padding:15px 14px;gap:9px}.service-group>summary h2{font-size:13px}.service-group>summary>.badge{max-width:130px;justify-content:flex-end;text-align:right}.group-description{padding-left:32px;font-size:10px}.uptime-bars{gap:1px}.bar{height:25px}.uptime-axis{font-size:9px;gap:6px}.legend{justify-content:flex-start;font-size:9px;gap:9px 13px}.monitoring-note{text-align:left;font-size:10px}.bar:hover:after,.bar:focus:after,.info:hover:after,.info:focus:after{position:fixed;bottom:20px;left:20px;right:20px;transform:none;width:auto}.recent-history{margin-top:34px}footer{font-size:10px}footer nav{gap:12px}}
@media(max-width:360px){.brand-logo{width:104px}.brand{gap:8px}.back{font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chevron{transition:none}}