:root{--blue:#4285f4;--green:#1edfb2;--orange:#ff8c00;--purple:#30f;--navy:#001942;--gray:#ddd;--page:#f7f9fc;--surface:#fff;--text-muted:#52627a;--border:#dfe5ef;--shadow:0 18px 50px #00194214;--radius:8px;color:var(--navy);background:var(--page);font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{background:linear-gradient(180deg, #4285f414, transparent 360px), var(--page);min-height:100vh;color:var(--navy);margin:0}button,input,select,textarea{font:inherit}.skip-link{z-index:10;background:var(--navy);color:#fff;border-radius:6px;padding:.7rem 1rem;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{backdrop-filter:blur(14px);z-index:5;background:#ffffffe6;border-bottom:1px solid #ddddddd9;position:sticky;top:0}.site-header__inner,.page-shell,.site-footer{width:min(1120px,100% - 32px);margin-inline:auto}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.brand{color:var(--navy);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand__logo{width:152px;height:auto;display:block}.brand__status{border-left:1px solid var(--border);color:var(--text-muted);padding-left:.75rem;font-family:Poppins,system-ui,sans-serif;font-size:1rem;font-weight:700}.refresh-button{background:var(--surface);color:var(--navy);cursor:pointer;border:1px solid #4285f440;border-radius:8px;align-items:center;gap:.5rem;padding:.66rem .9rem;font-size:.92rem;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.refresh-button:hover,.refresh-button:focus-visible{border-color:var(--blue);outline:none;transform:translateY(-1px);box-shadow:0 10px 24px #4285f424}.refresh-button:disabled{cursor:wait;opacity:.72;transform:none}.page-shell{padding:44px 0 56px}.hero-section{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:24px;display:flex}h1,h2,h3,.status-banner__label{letter-spacing:0;font-family:Poppins,system-ui,sans-serif}h1,h2,h3,p{margin-block:0}h1{max-width:760px;font-size:clamp(2.15rem,6vw,4rem);font-weight:700;line-height:1.03}.hero-section__copy p{max-width:610px;color:var(--text-muted);margin-top:.75rem;font-size:1.03rem;line-height:1.65}.hero-section__stamp{border:1px solid var(--border);background:var(--surface);min-width:max-content;color:var(--text-muted);border-radius:8px;align-items:center;gap:.55rem;padding:.68rem .85rem;font-size:.9rem;font-weight:700;display:inline-flex}.pulse{background:var(--green);border-radius:999px;width:9px;height:9px;animation:1.8s ease-out infinite pulse;box-shadow:0 0 #1edfb28c}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes pulse{70%{box-shadow:0 0 0 9px #1edfb200}to{box-shadow:0 0 #1edfb200}}.status-banner{border:1px solid #1edfb252;border-left:6px solid var(--green);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:auto 1fr;align-items:center;gap:1.1rem;padding:1.15rem 1.25rem;display:grid}.status-banner[data-status=degraded],.status-banner[data-status=partial_outage],.component-card[data-status=degraded],.component-card[data-status=partial_outage]{border-left-color:var(--orange)}.status-banner[data-status=major_outage],.component-card[data-status=major_outage]{border-left-color:#d92d20}.status-banner[data-status=maintenance],.component-card[data-status=maintenance]{border-left-color:var(--purple)}.status-banner[data-status=unknown],.component-card[data-status=unknown]{border-left-color:#96a0b5}.status-banner__icon{background:#1edfb221;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.status-banner__icon span{background:var(--green);border-radius:50%;width:18px;height:18px}.status-banner[data-status=degraded] .status-banner__icon,.status-banner[data-status=partial_outage] .status-banner__icon{background:#ff8c0024}.status-banner[data-status=degraded] .status-banner__icon span,.status-banner[data-status=partial_outage] .status-banner__icon span{background:var(--orange)}.status-banner[data-status=major_outage] .status-banner__icon{background:#d92d201f}.status-banner[data-status=major_outage] .status-banner__icon span{background:#d92d20}.status-banner[data-status=maintenance] .status-banner__icon{background:#3300ff1a}.status-banner[data-status=maintenance] .status-banner__icon span{background:var(--purple)}.status-banner[data-status=unknown] .status-banner__icon{background:#96a0b524}.status-banner[data-status=unknown] .status-banner__icon span{background:#96a0b5}.status-banner__label{font-size:clamp(1.35rem,4vw,2.05rem);font-weight:700;line-height:1.15}.status-banner__meta{color:var(--text-muted);flex-wrap:wrap;gap:.45rem;margin-top:.35rem;font-size:.92rem;line-height:1.45;display:flex}.history-section,.component-section,.incident-section{margin-top:34px}.history-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.1rem;box-shadow:0 10px 30px #0019420d}.history-panel__summary{grid-template-columns:minmax(180px,1.35fr) repeat(2,minmax(140px,1fr));gap:12px;margin-bottom:18px;display:grid}.history-panel__summary>div{background:#fbfcfe;border:1px solid #dfe5efe6;border-radius:8px;min-width:0;padding:.9rem}.history-panel__label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.history-panel__value{color:#08735f;margin-top:.25rem;font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.7rem,5vw,2.35rem);font-weight:700;line-height:1.05}.history-panel__metric{margin-top:.38rem;font-family:Poppins,system-ui,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.25}.service-uptime{margin-bottom:18px}.service-uptime .history-panel__label{margin-bottom:.7rem}.service-uptime-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px;display:grid}.service-uptime-item{background:#fff;border:1px solid #dfe5eff2;border-radius:8px;justify-content:space-between;align-items:center;gap:.65rem;min-width:0;min-height:44px;padding:.62rem .7rem;display:flex}.service-uptime-item:before{content:"";background:var(--green);border-radius:999px;flex:none;width:8px;height:8px}.service-uptime-item[data-status=degraded]:before,.service-uptime-item[data-status=partial_outage]:before{background:var(--orange)}.service-uptime-item[data-status=major_outage]:before{background:#d92d20}.service-uptime-item[data-status=maintenance]:before{background:var(--purple)}.service-uptime-item[data-status=unknown]:before{background:#96a0b5}.service-uptime-item__name{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;font-weight:800;line-height:1.25;overflow:hidden}.service-uptime-item__value{flex:none;font-family:Poppins,system-ui,sans-serif;font-size:.92rem;font-weight:700}.service-uptime-list .service-uptime-empty{grid-column:1/-1;padding:.2rem 0 0}.history-timeline-wrap{min-width:0}.history-timeline,.history-months{grid-template-columns:repeat(90,minmax(2px,1fr));gap:2px;display:grid}.history-timeline{align-items:stretch;min-height:42px}.history-day{background:var(--green);border-radius:3px;min-width:0;min-height:42px}.history-day[data-status=degraded],.history-day[data-status=partial_outage]{background:var(--orange)}.history-day[data-status=major_outage]{background:#d92d20}.history-day[data-status=maintenance]{background:var(--purple)}.history-day[data-status=unknown]{background:#96a0b5}.history-months{color:var(--text-muted);margin-top:.55rem;font-size:.76rem;font-weight:700}.history-months span{text-overflow:clip;white-space:nowrap;min-width:0;overflow:hidden}.history-legend{color:var(--text-muted);flex-wrap:wrap;gap:.75rem 1rem;margin-top:1rem;font-size:.82rem;font-weight:700;display:flex}.history-legend span{align-items:center;gap:.4rem;display:inline-flex}.history-legend i{background:var(--green);border-radius:3px;width:10px;height:10px}.history-legend i[data-status=degraded]{background:var(--orange)}.history-legend i[data-status=major_outage]{background:#d92d20}.history-legend i[data-status=maintenance]{background:var(--purple)}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:16px;display:flex}.section-kicker{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.74rem;font-weight:800}h2{font-size:clamp(1.35rem,4vw,1.75rem);line-height:1.2}.section-heading>p{color:var(--text-muted);font-size:.9rem;font-weight:700}.component-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;display:grid}.component-card{border:1px solid var(--border);border-left:4px solid var(--green);border-radius:var(--radius);background:var(--surface);flex-direction:column;justify-content:space-between;min-height:142px;padding:1rem;display:flex;box-shadow:0 10px 30px #0019420d}.component-card__topline{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:.45rem;font-size:.78rem;font-weight:800;display:flex}.status-dot{background:var(--green);border-radius:50%;width:9px;height:9px}[data-status=degraded] .status-dot,[data-status=partial_outage] .status-dot,.incident-item__status[data-status=degraded],.incident-item__status[data-status=partial_outage]{color:#9d5700;background:#ff8c0021}[data-status=major_outage] .status-dot,.incident-item__status[data-status=major_outage]{color:#b42318;background:#d92d201f}[data-status=maintenance] .status-dot,.incident-item__status[data-status=maintenance]{color:var(--purple);background:#3300ff1a}[data-status=unknown] .status-dot,.incident-item__status[data-status=unknown]{color:#667085;background:#96a0b529}.component-card h3{margin-top:.9rem;font-size:1.08rem;line-height:1.35}.component-card p{color:var(--text-muted);margin-top:1rem;font-size:.86rem;line-height:1.45}.incident-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:0 10px 30px #0019420d}.incident-item{border-bottom:1px solid var(--border)}.incident-item:last-child{border-bottom:0}.incident-item summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) minmax(160px,auto) auto;align-items:center;gap:.85rem;min-height:74px;padding:.95rem 1rem;list-style:none;display:grid}.incident-item summary::-webkit-details-marker{display:none}.incident-item__status{color:#08735f;text-transform:uppercase;background:#1edfb224;border-radius:6px;padding:.32rem .5rem;font-size:.72rem;font-weight:800}.incident-item__status[data-status=resolved],.incident-item__status[data-status=operational]{color:#08735f;background:#1edfb224}.incident-item__title{min-width:0;font-weight:800;line-height:1.35}.incident-item__meta{color:var(--text-muted);text-align:right;font-size:.84rem;line-height:1.45}.incident-item__chevron{color:var(--text-muted);transition:transform .16s}.incident-item[open] .incident-item__chevron{transform:rotate(180deg)}.incident-item__body{border-top:1px solid var(--border);color:var(--text-muted);background:#fbfcfe;padding:1rem 1.2rem 1.1rem;font-size:.94rem;line-height:1.65}.incident-item__body ul{margin:0;padding-left:1.2rem}.incident-item__body li+li{margin-top:.6rem}.empty-state{color:var(--text-muted);margin:0;padding:1.2rem;line-height:1.55}.site-footer{color:var(--text-muted);padding:0 0 28px;font-size:.88rem}@media (width<=760px){.site-header__inner,.page-shell,.site-footer{width:min(100% - 24px,1120px)}.site-header__inner{min-height:64px}.brand{gap:.55rem}.brand__logo{width:124px}.brand__status{padding-left:.55rem;font-size:.92rem}.refresh-button{padding:.58rem .7rem}.refresh-button span{display:none}.page-shell{padding-top:30px}.hero-section,.section-heading{flex-direction:column;align-items:start}.hero-section{gap:1rem}.hero-section__stamp{justify-content:center;width:100%}.status-banner{grid-template-columns:1fr}.status-banner__icon{width:42px;height:42px}.history-panel{padding:.85rem}.history-panel__summary{grid-template-columns:1fr}.history-timeline,.history-months{gap:1px}.history-day{border-radius:2px;min-height:34px}.incident-item summary{grid-template-columns:1fr auto;gap:.65rem}.incident-item__status,.incident-item__title,.incident-item__meta{grid-column:1/-1}.incident-item__meta{text-align:left}.incident-item__chevron{grid-area:1/2;justify-self:end}}
