.status-page{--ok: #34d399;--warn: #fbbf24;--fail: #f87171;--idle: #64748b;--accent: var(--ok);position:relative;min-height:100vh;padding:clamp(20px,4vw,56px) clamp(14px,4vw,40px);color:#e8eef5;background:radial-gradient(1200px 600px at 12% -10%,rgba(52,211,153,.16),transparent 60%),radial-gradient(900px 500px at 92% 8%,rgba(14,165,233,.14),transparent 62%),linear-gradient(180deg,#070b10,#0a1119 45%,#070b10);overflow-x:hidden}.status-page--degraded{--accent: var(--warn);background:radial-gradient(1200px 600px at 12% -10%,rgba(251,191,36,.16),transparent 60%),radial-gradient(900px 500px at 92% 8%,rgba(14,165,233,.12),transparent 62%),linear-gradient(180deg,#0b0904,#12100a 45%,#08070a)}.status-page--outage{--accent: var(--fail);background:radial-gradient(1200px 600px at 12% -10%,rgba(248,113,113,.18),transparent 60%),radial-gradient(900px 500px at 92% 8%,rgba(129,30,60,.16),transparent 62%),linear-gradient(180deg,#0d0608,#150a0e 45%,#08060a)}.status-page__glow{position:absolute;inset:-30% -10% auto -10%;height:60vh;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 18%,transparent),transparent);filter:blur(60px);pointer-events:none;transition:background .6s ease}.status-shell{position:relative;max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(18px,2.6vw,30px)}.status-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.brand__mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font-size:26px;background:linear-gradient(145deg,#34d3993d,#0ea5e92e);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000059}.brand__eyebrow{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8fa3b8}.brand__title{margin:2px 0 0;font-size:clamp(22px,3.2vw,30px);font-weight:650;letter-spacing:-.02em}.brand__headline{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.host-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default}.host-chip__flag{font-size:14px;line-height:1}.host-chip__ip{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.01em;color:#e8eef5b8}.status-header__actions{display:flex;align-items:center;gap:14px}.refresh{position:relative;width:46px;height:46px;display:grid;place-items:center}.refresh__ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.refresh__track,.refresh__value{fill:none;stroke-width:2.5}.refresh__track{stroke:#ffffff1f}.refresh__value{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:97.4;transition:stroke-dashoffset .9s linear}.refresh__count{font-size:13px;font-variant-numeric:tabular-nums;color:#cbd8e6}.btn{padding:11px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#eaf2fb;font:inherit;font-weight:550;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .16s ease,background .2s ease,border-color .2s ease}.btn:hover:not(:disabled){background:#ffffff1c;border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:progress}.hero{display:flex;align-items:center;gap:clamp(14px,2.4vw,24px);padding:clamp(18px,2.6vw,28px);border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #00000061;flex-wrap:wrap}.hero__body{flex:1 1 260px}.hero__title{margin:0;font-size:clamp(19px,2.6vw,26px);font-weight:620;letter-spacing:-.015em}.hero__meta{margin:6px 0 0;font-size:14px;color:#9fb2c6}.hero__pulse{position:relative;width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto}.hero__pulse-core{width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 22%,transparent)}.hero__pulse:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid var(--accent);animation:ripple 2.4s ease-out infinite}@keyframes ripple{0%{transform:scale(.55);opacity:.85}to{transform:scale(1.5);opacity:0}}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:560;white-space:nowrap;border:1px solid transparent}.badge__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.badge__dot--pulse{animation:dot-pulse 1.8s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 5px transparent;opacity:.55}}.badge--ok{color:var(--ok);background:#34d3991f;border-color:#34d39952}.badge--warn{color:var(--warn);background:#fbbf241f;border-color:#fbbf2452}.badge--fail{color:var(--fail);background:#f8717121;border-color:#f8717157}.badge--idle{color:#94a8bd;background:#94a3b81f;border-color:#94a3b842}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(14px,2vw,20px)}.card{display:flex;flex-direction:column;gap:16px;padding:clamp(16px,2.2vw,22px);border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,#ffffff13,#ffffff06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 44px #00000052;transition:transform .22s ease,border-color .22s ease}.card:hover{transform:translateY(-3px)}.card--ok{border-top:2px solid rgba(52,211,153,.55)}.card--warn{border-top:2px solid rgba(251,191,36,.55)}.card--fail{border-top:2px solid rgba(248,113,113,.6)}.card--idle{border-top:2px solid rgba(148,163,184,.4)}.card--skeleton{min-height:190px;border-top:2px solid rgba(148,163,184,.25);background:linear-gradient(100deg,#ffffff0d 30%,#ffffff1a,#ffffff0d 70%);background-size:220% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-60% 0}}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card__title{display:flex;gap:12px;align-items:flex-start;min-width:0}.card__icon{font-size:22px;line-height:1.2}.card__title h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.card__subtitle{margin:4px 0 0;font-size:13px;color:#92a6bb;word-break:break-word}.card__subtitle a{color:#92a6bb;text-decoration:none;border-bottom:1px dashed rgba(146,166,187,.5)}.card__subtitle a:hover{color:#dbe7f3}.card__metrics{margin:0;display:flex;flex-direction:column;gap:9px}.metric{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px}.metric dt{color:#8ba0b6}.metric__value{margin:0;font-variant-numeric:tabular-nums;font-weight:550;text-align:right;word-break:break-all}.metric__value--ok{color:var(--ok)}.metric__value--warn{color:var(--warn)}.metric__value--fail{color:var(--fail)}.metric__value--idle{color:var(--idle)}.card__error{margin:0;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.45;color:#ffd9d9;background:#f871711a;border:1px solid rgba(248,113,113,.24);word-break:break-word}.alert{padding:14px 16px;border-radius:16px;font-size:14px;line-height:1.5;color:#ffe0e0;background:#f871711f;border:1px solid rgba(248,113,113,.3)}.status-footer{margin-top:4px;font-size:13px;line-height:1.6;color:#7f93a8}.status-footer p{margin:0 0 6px}.status-footer__muted{color:#5d7086}@media (max-width: 560px){.status-header{align-items:flex-start}.status-header__actions{width:100%;justify-content:space-between}.hero{align-items:flex-start}}@media (prefers-reduced-motion: reduce){.hero__pulse:after,.badge__dot--pulse,.card--skeleton{animation:none}.card:hover{transform:none}}:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#070b10;color:#e8eef5}::selection{background:#34d39952}