:root{color-scheme:dark;--bg:#0c1119;--line:#26303e;--muted:#9aa9bc;--green:#53d6a1;--yellow:#efbd67;--red:#f17f81}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf2fa;font:15px/1.6 system-ui,sans-serif}.wrap{max-width:1040px;margin:auto;padding:0 28px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:-1px;font-size:23px}.brand span{color:#7d9aff}nav{display:flex;gap:28px;font-size:13px;color:var(--muted)}main{padding:64px 0 36px}.eyebrow{color:#8c9fc0;letter-spacing:2px;font-size:11px;font-weight:700}h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.5px;line-height:1.2;margin:14px 0}.intro{color:var(--muted);margin-bottom:32px}.summary{display:flex;align-items:center;gap:20px;padding:26px;border:1px solid var(--line);border-radius:12px;background:#121c29}.summary h2{font-size:20px;margin:0}.summary p{font-size:13px;color:var(--muted);margin:5px 0 0}.signal{height:12px;width:12px;border-radius:50%;flex:none;background:#7b8ba1}.operational{background:var(--green)}.degraded{background:var(--red)}.maintenance{background:var(--yellow)}.unknown{background:#728099}button{margin-left:auto;background:transparent;border:1px solid #42516a;color:#e5edfb;border-radius:7px;padding:10px 15px;cursor:pointer}button:disabled{opacity:.5}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:36px 0 14px}.section-head h2{font-size:19px;margin:0}.section-head span{font-size:12px;color:var(--muted)}.components{border:1px solid var(--line);border-radius:12px;overflow:hidden}.component{padding:20px 24px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 220px;gap:12px 30px}.component:last-child{border:0}.component h3{margin:0;font-size:16px}.component p{margin:3px 0 0;font-size:12px;color:var(--muted)}.state{font-size:13px;text-align:right;color:var(--muted)}.bars{display:flex;gap:3px;height:23px;grid-column:1/-1}.bars i{flex:1;min-width:2px;border-radius:2px}.event{padding:18px 0;border-bottom:1px solid var(--line)}.event strong{display:block}.event p{color:var(--muted);font-size:13px;margin:4px 0}.empty{color:var(--muted)}aside{margin-top:40px;background:#121923;border:1px solid var(--line);border-radius:10px;padding:22px;color:var(--muted);font-size:13px}aside h3{margin:0;color:#d3deee;font-size:14px}footer{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}@media(max-width:600px){.wrap{padding:0 18px}header{height:80px}nav{gap:12px;font-size:11px}main{padding-top:36px}.summary{padding:18px;flex-wrap:wrap}.summary h2{font-size:17px}.summary button{margin-left:32px}.section-head{display:block}.section-head span{display:block;margin-top:5px}.component{padding:17px;grid-template-columns:1fr 140px;gap:10px}.bars{gap:2px}}