body.status-page main{align-items:flex-start;padding:3rem 1.5rem 2rem}.status-container{max-width:var(--shell-max);width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;animation:fadeUp .55s cubic-bezier(0.16, 1, 0.3, 1)}@media(prefers-reduced-motion: reduce){.status-container{animation:none}}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.status-header .logo{display:block}.status-header .logo:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.status-header .logo img{display:block;height:2.5rem;width:auto}.status-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.status-page-title{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--red);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:0}.status-page-title::before{content:"";width:24px;height:1px;background:var(--red)}.last-updated{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text3);letter-spacing:.06em;text-transform:uppercase;text-align:right}.overall-status{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;border:1px solid var(--border);background:var(--bg3);transition:background var(--t-slow),border-color var(--t-slow)}.overall-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border)}.overall-icon svg{width:22px;height:22px;flex-shrink:0}.overall-status.status--online{background:color-mix(in srgb, var(--status-ok) 10%, transparent);border-color:color-mix(in srgb, var(--status-ok) 28%, transparent)}.status--online .overall-icon{background:color-mix(in srgb, var(--status-ok) 10%, transparent);border-color:color-mix(in srgb, var(--status-ok) 28%, transparent);color:var(--status-ok)}.overall-status.status--offline{background:color-mix(in srgb, var(--status-down) 10%, transparent);border-color:color-mix(in srgb, var(--status-down) 28%, transparent)}.status--offline .overall-icon{background:color-mix(in srgb, var(--status-down) 10%, transparent);border-color:color-mix(in srgb, var(--status-down) 28%, transparent);color:var(--status-down)}.overall-status.status--degraded{background:color-mix(in srgb, var(--status-warn) 10%, transparent);border-color:color-mix(in srgb, var(--status-warn) 28%, transparent)}.status--degraded .overall-icon{background:color-mix(in srgb, var(--status-warn) 10%, transparent);border-color:color-mix(in srgb, var(--status-warn) 28%, transparent);color:var(--status-warn)}.overall-status.status--maintenance{background:color-mix(in srgb, var(--status-maintenance) 10%, transparent);border-color:color-mix(in srgb, var(--status-maintenance) 28%, transparent)}.status--maintenance .overall-icon{background:color-mix(in srgb, var(--status-maintenance) 10%, transparent);border-color:color-mix(in srgb, var(--status-maintenance) 28%, transparent);color:var(--status-maintenance)}.overall-text strong{display:block;font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-0.01em;color:var(--text);margin-bottom:.125rem}.overall-text span{font-size:var(--fs-sm);color:var(--text2)}.maintenance-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.125rem 1.5rem;border:1px solid color-mix(in srgb, var(--status-maintenance) 28%, transparent);background:color-mix(in srgb, var(--status-maintenance) 10%, transparent)}.maintenance-icon{flex-shrink:0;color:var(--status-maintenance);margin-top:1px}.maintenance-icon svg{width:18px;height:18px;display:block}.maintenance-content strong{display:block;font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--text);margin-bottom:.25rem}.maintenance-content p{font-size:var(--fs-sm);color:var(--text2);line-height:1.5;margin-bottom:.375rem}.maintenance-date{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text3);letter-spacing:.06em;text-transform:uppercase}#maintenance-list{display:flex;flex-direction:column;gap:1.5rem}#maintenance-list:empty{display:none}.status-container [hidden]{display:none !important}.status-fallback{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:2.5rem 1.75rem;border:1px solid color-mix(in srgb, var(--status-warn) 28%, transparent);background:color-mix(in srgb, var(--status-warn) 10%, transparent)}.status-fallback-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--status-warn) 10%, transparent);border:1px solid color-mix(in srgb, var(--status-warn) 28%, transparent);color:var(--status-warn);margin-bottom:.25rem}.status-fallback-icon svg{width:22px;height:22px;flex-shrink:0}.status-fallback h2{font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:-0.01em;color:var(--text);margin:0}.status-fallback p{max-width:46ch;font-size:var(--fs-sm);line-height:1.6;color:var(--text2);margin:0}.status-fallback .btn-primary{margin-top:.75rem}.groups-container{display:flex;flex-direction:column;gap:1.5rem}.monitor-group{background:var(--bg3);border:1px solid var(--border);overflow:hidden}.group-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast)}.group-header:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media(hover: hover){.group-header:hover{background:var(--bg4)}}.group-header h2{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text2);letter-spacing:.1em;text-transform:uppercase;font-weight:var(--fw-bold);margin:0}.group-header-right{display:flex;align-items:center;gap:.625rem}.group-all-good{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--status-ok);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:.35rem}.group-all-good svg{width:13px;height:13px}.group-toggle-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:2px;color:var(--text3)}.group-chevron{width:15px;height:15px;flex-shrink:0;transition:transform .25s cubic-bezier(0.4, 0, 0.2, 1)}.group-header[aria-expanded=false] .group-chevron{transform:rotate(-90deg)}.group-body{overflow:hidden;max-height:4000px;transition:max-height .35s cubic-bezier(0.4, 0, 0.2, 1)}.group-body.collapsed{max-height:0}.monitor-row{display:grid;grid-template-columns:minmax(180px, 1.5fr) minmax(0, 2fr) 60px 95px;gap:1rem;align-items:center;padding:.8125rem 1.5rem;border-bottom:1px solid var(--border);transition:background var(--t-fast)}.monitor-row:last-child{border-bottom:none}@media(hover: hover){.monitor-row:hover{background:var(--bg4)}}.monitor-info{display:flex;align-items:center;gap:.625rem;min-width:0}.monitor-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--text3);transition:background var(--t-slow)}.monitor-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-bars{display:flex;align-items:flex-end;justify-content:flex-end;gap:2px;min-width:0;overflow:hidden;height:30px}.bar{display:block;flex-shrink:0;width:4px;height:20px;transition:height .1s ease,opacity var(--t-fast)}.bar:not(.bar--empty){cursor:pointer}.bar--empty{cursor:default;background:var(--border)}.bar:not(.bar--empty):hover{height:28px;opacity:1 !important}.monitor-dot.online{background:var(--status-ok)}.bar--online{background:var(--status-ok)}.monitor-badge.online{background:color-mix(in srgb, var(--status-ok) 10%, transparent);color:var(--status-ok);border:1px solid color-mix(in srgb, var(--status-ok) 28%, transparent)}.monitor-dot.offline{background:var(--status-down)}.bar--offline{background:var(--status-down)}.monitor-badge.offline{background:color-mix(in srgb, var(--status-down) 10%, transparent);color:var(--status-down);border:1px solid color-mix(in srgb, var(--status-down) 28%, transparent)}.monitor-dot.degraded{background:var(--status-warn)}.bar--degraded{background:var(--status-warn)}.monitor-badge.degraded{background:color-mix(in srgb, var(--status-warn) 10%, transparent);color:var(--status-warn);border:1px solid color-mix(in srgb, var(--status-warn) 28%, transparent)}.monitor-dot.maintenance{background:var(--status-maintenance)}.bar--maintenance{background:var(--status-maintenance)}.monitor-badge.maintenance{background:color-mix(in srgb, var(--status-maintenance) 10%, transparent);color:var(--status-maintenance);border:1px solid color-mix(in srgb, var(--status-maintenance) 28%, transparent)}.bar--online,.bar--maintenance{opacity:.85}.monitor-uptime{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap;font-variant-numeric:tabular-nums}.uptime-value{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1.2;color:var(--text2)}.uptime-label{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text3);letter-spacing:.08em;text-transform:uppercase;line-height:1}.uptime-value.uptime-high{color:var(--status-ok)}.uptime-value.uptime-medium{color:var(--status-warn)}.uptime-value.uptime-low{color:var(--status-down)}.monitor-badge{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text3);letter-spacing:.08em;text-transform:uppercase;font-weight:var(--fw-bold);padding:.25rem 0;white-space:nowrap;text-align:center;width:95px;display:inline-block}.monitor-badge.unknown{background:var(--bg3);color:var(--text3);border:1px solid var(--border)}#status-tooltip{position:fixed;z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1px;padding:.35rem .65rem .4rem;border:1px solid var(--border);background:var(--bg2);box-shadow:0 4px 16px rgba(0,0,0,.4);font-size:var(--fs-xs);color:var(--text);white-space:nowrap;opacity:0;transition:opacity var(--t-fast) ease}#status-tooltip.visible{opacity:1}#status-tooltip .tip-status{font-weight:var(--fw-semibold);line-height:1.3}#status-tooltip .tip-time{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text3);letter-spacing:.04em;line-height:1.2}#status-tooltip:not(.tooltip-below)::before{content:"";position:absolute;bottom:-6px;left:var(--arrow-x, 50%);transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-top-color:var(--border);border-bottom-width:0}#status-tooltip:not(.tooltip-below)::after{content:"";position:absolute;bottom:-5px;left:var(--arrow-x, 50%);transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:var(--bg2);border-bottom-width:0}#status-tooltip.tooltip-below::before{content:"";position:absolute;top:-6px;left:var(--arrow-x, 50%);transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-bottom-color:var(--border);border-top-width:0}#status-tooltip.tooltip-below::after{content:"";position:absolute;top:-5px;left:var(--arrow-x, 50%);transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-bottom-color:var(--bg2);border-top-width:0}.skeleton{background:var(--border);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%,100%{opacity:.5}50%{opacity:1}}@media(max-width: 640px){body.status-page main{padding:2rem 1rem 1.5rem}.status-header{margin-bottom:.5rem}.status-header .logo img{height:2rem}.overall-status{padding:1.125rem 1.25rem;gap:1rem}.status-fallback{padding:2rem 1.25rem}.monitor-row{grid-template-columns:1fr auto auto;grid-template-rows:auto auto;padding:.875rem 1.125rem;gap:.4rem .75rem}.monitor-bars{grid-column:1/-1}.monitor-badge{width:auto;padding:.25rem .55rem}.bar{width:4px;height:18px}.group-header{padding:.75rem 1.125rem}}@media(max-width: 480px){.status-header{flex-direction:column;align-items:flex-start;gap:.75rem}.status-header-right{align-items:flex-start}.last-updated{text-align:left}}@media(max-width: 420px){.bar{width:3.5px}}