@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Roboto+Mono:wght@400;500;600;700&display=swap";:root{--brand-blue:#3256f4;--brand-blue-press:#2649d6;--brand-blue-link:#1570ef;--periwinkle:#abbafc;--lavender-100:#d9e0ff;--lavender-50:#e6f1ff;--ink:#000;--fg-1:#000;--fg-2:#444;--fg-3:#626262;--fg-4:#757575;--fg-muted:#8a8a8a;--fg-faint:#b5b5b5;--fg-placeholder:#bbb;--fg-footer:#9f9f9f;--bg:#fff;--bg-card:#fbfbfb;--bg-section:#f8f8f8;--bg-section-2:#f4f4f4;--bg-tab:#f1f1f1;--border-card:#e9e9e9;--border-soft:#efefef;--border-hairline:#f0f0f0;--st-up:#12a065;--st-up-soft:#e7f6ec;--st-degraded:#f59e0b;--st-degraded-soft:#fef3c7;--st-down:#e5484d;--st-down-soft:#ffe7e9;--st-neutral:#b5b5b5;--st-neutral-soft:#f1f1f1;--font-sans:"Poppins", system-ui, -apple-system, sans-serif;--font-mono:"Roboto Mono", ui-monospace, monospace;--shadow-card:0 0 16px 2px #00000014;--shadow-float:0 14px 34px -16px #0000002e;--shadow-blue:0 10px 24px -8px #3256f48c;--maxw:1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg-section);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55}a{color:var(--brand-blue-link);text-decoration:none}a:hover{color:var(--brand-blue-press)}img{max-width:100%;display:block}.mono{font-family:var(--font-mono)}.container{max-width:var(--maxw);margin:0 auto;padding:34px 24px 60px}.topbar{border:1px solid var(--border-soft);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:12px 20px 12px 22px;display:flex}.brand{font:500 15px var(--font-sans);color:var(--ink);align-items:center;gap:14px;display:flex}.brand-logo{height:22px;display:block}.brand-suffix{background:var(--bg-section-2);color:var(--fg-3);font:600 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 10px}.topbar-actions{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--border-card);color:var(--ink);font:500 13px var(--font-sans);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--bg-tab)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.btn-primary:hover{background:var(--brand-blue-press);color:#fff}.overall{background:var(--bg);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:20px;align-items:center;gap:16px;margin-bottom:22px;padding:26px 28px;display:flex}.overall-dot{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 0 5px #0000000a}.overall--operational .overall-dot{background:var(--st-up);box-shadow:0 0 0 5px var(--st-up-soft)}.overall--degraded .overall-dot{background:var(--st-degraded);box-shadow:0 0 0 5px var(--st-degraded-soft)}.overall--major_outage .overall-dot{background:var(--st-down);box-shadow:0 0 0 5px var(--st-down-soft)}.overall--maintenance .overall-dot{background:var(--brand-blue);box-shadow:0 0 0 5px var(--lavender-50)}.overall-text{flex:1;min-width:0}.overall-title{font:600 22px var(--font-sans);color:var(--ink);letter-spacing:-.005em}.overall-sub{font:400 13.5px var(--font-sans);color:var(--fg-3);margin-top:4px}.overall-time{font:500 11.5px var(--font-mono);color:var(--fg-muted);text-align:right;white-space:nowrap}.group{background:var(--bg);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:20px;margin-bottom:18px;overflow:hidden}.group-head{border-bottom:1px solid var(--border-hairline);background:var(--bg-card);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.group-title{font:600 14px var(--font-sans);color:var(--ink);letter-spacing:-.005em}.group-meta{font:500 11.5px var(--font-mono);color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase}.services{flex-direction:column;display:flex}.service{border-top:1px solid var(--border-hairline);padding:18px 24px}.service:first-child{border-top:none}.service-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.service-name{font:500 13.5px var(--font-sans);color:var(--ink);align-items:center;gap:8px;display:inline-flex}.pill{background:var(--bg-tab);color:var(--fg-3);font:600 9.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 8px}.service-status{font:500 12px var(--font-sans);align-items:center;gap:6px;display:inline-flex}.service-status .dot{border-radius:50%;flex:none;width:8px;height:8px}.status-up{color:var(--st-up)}.status-up .dot{background:var(--st-up)}.status-degraded{color:var(--st-degraded)}.status-degraded .dot{background:var(--st-degraded)}.status-down{color:var(--st-down)}.status-down .dot{background:var(--st-down)}.status-no_data,.status-unknown{color:var(--fg-muted)}.status-no_data .dot,.status-unknown .dot{background:var(--st-neutral)}.calendar{grid-template-columns:repeat(90,1fr);gap:2px;margin:6px 0 8px;display:grid}.cal-bar{background:var(--st-neutral-soft);border-radius:3px;height:22px;transition:transform .1s;position:relative}.cal-bar:hover{transform:scaleY(1.15)}.cal-bar.b-up{background:var(--st-up)}.cal-bar.b-degraded{background:var(--st-degraded)}.cal-bar.b-down{background:var(--st-down)}.cal-bar.b-no_data{background:var(--st-neutral-soft)}.cal-bar[data-tip]:hover:after{content:attr(data-tip);color:#fff;font:500 11px var(--font-mono);white-space:nowrap;pointer-events:none;z-index:10;background:#111;border-radius:6px;padding:4px 8px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.calendar-foot{font:500 11.5px var(--font-mono);color:var(--fg-muted);justify-content:space-between;align-items:center;display:flex}.calendar-foot .uptime-pct{color:var(--fg-2)}.incidents{background:var(--bg);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:20px;margin-top:22px;padding:22px 24px}.incidents-head{border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:12px;display:flex}.incidents-head h2{font:600 15px var(--font-sans);color:var(--ink)}.empty-incidents{text-align:center;font:500 13.5px var(--font-sans);color:var(--fg-3);padding:30px 12px}.incident{border-top:1px solid var(--border-hairline);padding:14px 0}.incident:first-of-type{border-top:none;padding-top:4px}.incident-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.incident-title{font:600 14px var(--font-sans);color:var(--ink)}.severity-badge{font:600 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 10px}.severity-minor{background:var(--st-degraded-soft);color:#92400e}.severity-major{background:var(--st-down-soft);color:#b91c1c}.severity-critical{color:#991b1b;background:#ffe1e4}.severity-maintenance{background:var(--lavender-50);color:var(--brand-blue-press)}.incident-body{font:400 13px var(--font-sans);color:var(--fg-2);margin-bottom:8px;line-height:1.6}.incident-meta{font:500 11.5px var(--font-mono);color:var(--fg-muted);flex-wrap:wrap;gap:14px;display:flex}.incident--unresolved{border-left:3px solid var(--st-down);padding-left:12px}.loading{color:var(--fg-3);font:500 13.5px var(--font-sans);flex-direction:column;align-items:center;gap:12px;padding:90px 12px;display:flex}.spinner{border:3px solid var(--border-card);border-top-color:var(--brand-blue);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.err{background:var(--bg);border:1px solid var(--border-card);box-shadow:var(--shadow-card);text-align:center;color:var(--fg-3);border-radius:20px;padding:60px 24px}.foot{text-align:center;font:400 12px var(--font-sans);color:var(--fg-muted);margin-top:44px;line-height:1.7}.foot a{color:var(--brand-blue-link);font-weight:500}.foot a:hover{color:var(--brand-blue-press)}@media (width<=760px){.container{padding:16px 14px 40px}.topbar{border-radius:20px;padding:12px 14px}.brand{gap:10px;font-size:14px}.brand-logo{height:20px}.brand-suffix{padding:2px 8px;font-size:9.5px}.topbar-actions .btn:not(.btn-primary){display:none}.overall{border-radius:16px;padding:20px 18px}.overall-title{font-size:18px}.overall-time{display:none}.group,.incidents{border-radius:16px}.group-head,.service{padding:14px 18px}.incidents{padding:18px}.calendar{grid-template-columns:repeat(45,1fr)}.cal-bar{height:18px}}