.status-page{max-width:840px;padding-top:4rem;padding-bottom:6rem}.status-header{text-align:center;margin-bottom:3rem}.status-eyebrow{text-transform:uppercase;letter-spacing:2px;color:#8fa0ff;background:#5865f21a;border:1px solid #5865f240;border-radius:50px;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.78rem;font-weight:700;animation:.6s ease-out backwards fadeIn;display:inline-block}.status-header h1{font-family:var(--font-heading);letter-spacing:-.02em;background:linear-gradient(90deg,#fff 0%,#a3a8b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.85rem;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;animation:.8s ease-out .1s backwards fadeIn}.status-header p{color:var(--text-muted);font-size:1.05rem;animation:.8s ease-out .2s backwards fadeIn}.status-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;display:flex}.st-spinner{border:3px solid #5865f233;border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite st-spin}@keyframes st-spin{to{transform:rotate(360deg)}}.status-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem 1.75rem;animation:.45s cubic-bezier(.2,.8,.2,1) both st-fade-up;display:flex}@keyframes st-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.status-banner.ok{background:#00ff9d0d;border:1px solid #00ff9d40}.status-banner.warn{background:#ffb4540f;border:1px solid #ffb4544d}.status-banner h2{font-family:var(--font-heading);color:#fff;margin-bottom:.2rem;font-size:1.25rem}.status-banner p{color:var(--text-muted);font-size:.9rem}.st-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.st-dot.big{width:16px;height:16px}.status-banner.ok .st-dot{background:var(--accent);box-shadow:0 0 12px var(--accent-glow);animation:2s ease-out infinite st-pulse}.status-banner.warn .st-dot{background:#ffb454;box-shadow:0 0 12px #ffb45466}@keyframes st-pulse{0%{box-shadow:0 0 #00ff9d66}70%{box-shadow:0 0 0 10px #00ff9d00}to{box-shadow:0 0 #00ff9d00}}.status-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.st-tile{background:var(--surface-color);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;gap:.35rem;padding:1.25rem 1.4rem;animation:.45s cubic-bezier(.2,.8,.2,1) both st-fade-up;display:flex}.status-kpis>.st-tile:first-child{animation-delay:50ms}.status-kpis>.st-tile:nth-child(2){animation-delay:.12s}.status-kpis>.st-tile:nth-child(3){animation-delay:.19s}.st-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.st-value{color:#fff;font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:600}.status-list{flex-direction:column;gap:.75rem;margin-bottom:1.75rem;display:flex}.status-row{background:var(--surface-color);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;transition:border-color .2s;animation:.45s cubic-bezier(.2,.8,.2,1) both st-fade-up;display:flex}.status-list>.status-row:first-child{animation-delay:.22s}.status-list>.status-row:nth-child(2){animation-delay:.28s}.status-list>.status-row:nth-child(3){animation-delay:.34s}.status-list>.status-row:nth-child(4){animation-delay:.4s}.status-row:hover{border-color:#ffffff24}.status-row-info h3{color:#fff;margin-bottom:.15rem;font-size:.98rem;font-weight:600}.status-row-info p{color:var(--text-muted);font-size:.82rem}.status-row-state{flex-shrink:0;align-items:center;gap:.85rem;display:flex}.st-latency{color:var(--text-muted);font-family:Consolas,monospace;font-size:.8rem}.st-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.st-pill.ok{color:#7dffcf;background:#00ff9d14;border:1px solid #00ff9d40}.st-pill.ok .st-dot{background:var(--accent)}.st-pill.down{color:#ff8d87;background:#ff5f5714;border:1px solid #ff5f574d}.st-pill.down .st-dot{background:#ff5f57}.status-footer-note{text-align:center;color:var(--text-muted);opacity:.75;font-size:.8rem}@media (max-width:640px){.status-row{flex-direction:column;align-items:flex-start}.status-row-state{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.status-banner,.st-tile,.status-row,.status-banner.ok .st-dot{animation:none}}