@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#0f1115;--panel:#171a21;--border:#2a313d;--text:#e8eaed;--muted:#9aa3b2;--ok:#2dd4a7;--ok-soft:#2dd4a724;--warn:#f5b544;--warn-soft:#f5b54424;--bad:#f2545b;--bad-soft:#f2545b24;--empty:#333b48}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}h1,h2,p{margin:0}.page{flex-direction:column;gap:24px;max-width:820px;margin:0 auto;padding:32px 20px 64px;display:flex}.masthead{align-items:baseline;gap:10px;display:flex}.masthead__brand{color:var(--text);font-size:18px;font-weight:600;text-decoration:none}.masthead__label{color:var(--muted);font-size:14px}.banner{border:1px solid var(--border);background:var(--panel);border-radius:14px;align-items:center;gap:16px;padding:22px;display:flex}.banner--operational{background:var(--ok-soft);border-color:#2dd4a759}.banner--degraded{background:var(--warn-soft);border-color:#f5b54459}.banner--down{background:var(--bad-soft);border-color:#f2545b59}.banner__icon{flex-shrink:0}.banner--operational .banner__icon{color:var(--ok)}.banner--degraded .banner__icon{color:var(--warn)}.banner--down .banner__icon{color:var(--bad)}.banner__headline{font-size:21px;font-weight:600}.banner__meta{color:var(--muted);margin-top:2px;font-size:14px}.components{flex-direction:column;gap:14px;display:flex}.component{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:18px}.component__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.component__identity{align-items:center;gap:10px;display:flex}.component__name{font-size:16px;font-weight:600}.component__state{align-items:center;gap:12px;font-size:13px;display:flex}.component__latency{color:var(--muted);font-variant-numeric:tabular-nums}.component__status--operational{color:var(--ok)}.component__status--degraded{color:var(--warn)}.component__status--down{color:var(--bad)}.component__uptime{color:var(--muted);margin-top:10px;font-size:13px}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot--operational{background:var(--ok)}.dot--degraded{background:var(--warn)}.dot--down{background:var(--bad)}.uptime__days{align-items:stretch;gap:2px;display:flex}.uptime__day{background:var(--empty);border-radius:2px;flex:1 1 0;min-width:2px;height:30px}.uptime__day--operational{background:var(--ok)}.uptime__day--degraded{background:var(--warn)}.uptime__day--down{background:var(--bad)}.uptime__scale{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.incidents{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:18px}.incidents__title{margin-bottom:10px;font-size:16px;font-weight:600}.incidents__empty{color:var(--muted);font-size:14px}.incidents__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.incident{align-items:flex-start;gap:10px;display:flex}.incident .dot{margin-top:7px}.incident__headline{font-size:14px;font-weight:500}.incident__window{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.notice{border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:12px 14px;font-size:14px}.notice--error{color:var(--bad);border-color:#f2545b59}.skeleton{flex-direction:column;gap:14px;display:flex}.skeleton__banner,.skeleton__card{background:var(--panel);border-radius:14px;animation:1.4s ease-in-out infinite pulse}.skeleton__banner{height:96px}.skeleton__card{height:132px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.footer{color:var(--muted);text-align:center;font-size:13px}@media (prefers-reduced-motion:reduce){.skeleton__banner,.skeleton__card{animation:none}}