*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light dark;--bg-page: #f3f4f6;--bg-surface: #ffffff;--bg-muted: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: #e5e7eb;--border-strong: #d1d5db;--error-text: #b91c1c;--error-bg: #fef2f2;--error-border: #fecaca;--message: #b45309;--btn-bg: #ffffff}:root[data-theme=dark]{--bg-page: #0f1419;--bg-surface: #1a2332;--bg-muted: #243044;--text-primary: #e5e7eb;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--border-strong: #475569;--error-text: #fca5a5;--error-bg: #3f1d1d;--error-border: #7f1d1d;--message: #fbbf24;--btn-bg: #243044}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.5}.status-page{max-width:880px;margin:0 auto;padding:32px 20px 48px}.status-header{margin-bottom:24px}.status-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.status-header h1{margin:0 0 4px;font-size:1.75rem;font-weight:600}.status-subtitle{margin:0;color:var(--text-secondary);font-size:14px}.status-theme-toggle{padding:8px 12px;border-radius:6px;border:1px solid var(--border-strong);background:var(--btn-bg);color:var(--text-primary);cursor:pointer;font-size:13px;white-space:nowrap}.status-refresh{padding:8px 14px;border-radius:6px;border:1px solid var(--border-strong);background:var(--btn-bg);color:var(--text-primary);cursor:pointer;font-size:13px}.status-refresh:disabled{opacity:.6;cursor:wait}.status-loading,.status-error{padding:12px 16px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border)}.status-error{color:var(--error-text);border-color:var(--error-border);background:var(--error-bg)}.status-banner{padding:18px 20px;border-radius:8px;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:8px}.status-banner--operational{background:#16a34a}.status-banner--degraded{background:#d97706}.status-banner--down{background:#dc2626}.status-updated{text-align:right;font-size:12px;color:var(--text-secondary);margin:0 0 20px}.service-list{display:flex;flex-direction:column;gap:16px}.service-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:18px 20px 14px}.service-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.service-name{margin:0 0 4px;font-size:1rem;font-weight:600}.service-url{margin:0;font-size:13px;color:var(--text-secondary);word-break:break-all}.service-status{font-size:13px;font-weight:600;white-space:nowrap}.service-status--operational{color:#16a34a}.service-status--degraded{color:#d97706}.service-status--down{color:#dc2626}.service-meta{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.service-message{margin:0 0 10px;font-size:13px;color:var(--message)}.service-history-wrap{margin-bottom:4px}.service-history-label{margin:0 0 6px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.service-history-bar{display:grid;grid-template-columns:repeat(30,1fr);gap:2px;height:28px;border-radius:4px;overflow:hidden;background:var(--bg-muted);padding:2px}.service-history-day{display:block;min-width:0;border-radius:2px}.service-history-day--operational{background:linear-gradient(180deg,#22c55e,#16a34a)}.service-history-day--degraded{background:linear-gradient(180deg,#fbbf24,#d97706)}.service-history-day--down{background:linear-gradient(180deg,#f87171,#dc2626)}.service-history-day--unknown{background:var(--border);opacity:.55}@media(max-width:560px){.status-header-row{flex-direction:column}.status-theme-toggle{align-self:flex-start}}