:root{color-scheme:dark;--bg:#070a12;--panel:#101827;--line:#27344b;--muted:#91a0b8;--text:#f8fafc;--green:#34d399;--yellow:#fbbf24;--red:#f87171;--purple:#a78bfa;--blue:#60a5fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#18243b,var(--bg) 55%);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(1120px,100% - 32px);margin:auto;padding:48px 0 34px}.header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#34d39922;color:var(--green);font-size:23px}.header h1{font-size:20px;margin:0;letter-spacing:-.03em}.header p{margin:2px 0 0;color:var(--muted);font-size:12px}.last{margin-left:auto;color:var(--muted);font-size:12px}.overall{display:flex;align-items:center;gap:12px;padding:17px 19px;border:1px solid #276749;border-radius:15px;background:#34d39912;margin-bottom:30px}.overall.degraded{border-color:#8a6418;background:#f59e0b12}.overall.outage{border-color:#8f3030;background:#ef444412}.overall.unknown{border-color:#475569;background:#64748b16}.overall strong{display:block;font-size:15px}.overall small{display:block;color:var(--muted);margin-top:2px}.pulse{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #34d39918}.degraded .pulse{background:var(--yellow);box-shadow:0 0 0 6px #fbbf2418}.outage .pulse{background:var(--red);box-shadow:0 0 0 6px #f8717118}.unknown .pulse{background:#94a3b8;box-shadow:0 0 0 6px #94a3b818}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.section-title h2,.feed h2,.maintenance h2,.activity h2{font-size:14px;margin:0}.section-title span{color:var(--muted);font-size:11px}.states{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.empty-state{color:var(--muted);padding:24px 0;text-align:center}.state-card{position:relative;min-height:168px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#ffffff04}.state-card:hover{border-color:#4b607f}.state-head{display:flex;justify-content:space-between;gap:10px}.state-name{font-weight:700}.state-status{font-size:12px;color:var(--green)}.state-status.degraded{color:var(--yellow)}.state-status.outage{color:var(--red)}.state-status.unknown{color:#94a3b8}.uptime{font-size:25px;font-weight:750;margin-top:20px;letter-spacing:-.04em}.meta{color:var(--muted);font-size:11px}.history{margin-top:15px}.history-title{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:7px}.bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:4px;height:36px}.bar{display:block;min-height:8px;border-radius:3px 3px 1px 1px;background:var(--green);cursor:pointer;outline:none}.bar:hover,.bar:focus-visible{filter:brightness(1.35);box-shadow:0 0 0 2px var(--text)}.bar.degraded{height:23px;background:var(--yellow)}.bar.outage{height:36px;background:var(--red)}.bar.unknown{height:13px;background:#64748b}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:4px;color:#64748b;font-size:8px;text-align:center}.feed,.maintenance,.activity{margin-top:28px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:#ffffff03}.event{padding:11px 0;border-top:1px solid #ffffff0b}.event:first-child{border-top:0}.event summary{cursor:pointer;list-style:none}.event summary::-webkit-details-marker{display:none}.event summary::after{content:'+';float:right;color:var(--text);font-size:18px}.event[open] summary::after{content:'−'}.event strong{font-size:13px}.event .tag{margin-left:8px;color:var(--muted);font-size:11px}.event p{color:#e2e8f0;font-size:12px;margin:9px 0 0}.incident-outage{border-left:3px solid var(--red);padding-left:11px}.incident-degraded{border-left:3px solid var(--yellow);padding-left:11px}.incident-monitoring{border-left-color:var(--yellow)}.incident-resolved{border-left-color:var(--green)}.maintenance .event{border-left:3px solid var(--purple);padding-left:11px}.maintenance .active{border-left-color:var(--blue)}.maintenance .completed{border-left-color:var(--green)}.activity[hidden],.feed[hidden],.maintenance[hidden],.error[hidden]{display:none}.activity{background:#0f172acc}.activity h2{margin-bottom:10px}.error{margin-top:20px;padding:12px;border:1px solid #8f3030;border-radius:10px;background:#ef444412;color:#fecaca}footer{display:flex;justify-content:space-between;margin-top:30px;color:#64748b;font-size:11px}@media(max-width:800px){.states{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.shell{padding-top:28px}.states{grid-template-columns:1fr}.last{display:none}}