.status-page{max-width:900px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4)}.status-page__header{text-align:center;margin-bottom:var(--spacing-8)}.status-page__label{font-size:var(--typography-fontSize-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-base);margin-bottom:var(--spacing-2)}.status-page__title{font-size:var(--typography-fontSize-3xl);font-weight:var(--typography-fontWeight-bold);margin-bottom:var(--spacing-2)}.status-page__subtitle{color:var(--color-text-secondary);max-width:480px;margin:0 auto}.status-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.status-metric{background:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radii-lg);padding:var(--spacing-4);text-align:center}.status-metric__value{font-size:var(--typography-fontSize-2xl);font-weight:var(--typography-fontWeight-bold);color:var(--color-primary-base);display:block}.status-metric__unit{font-size:var(--typography-fontSize-sm);color:var(--color-text-secondary)}.status-metric__label{font-size:var(--typography-fontSize-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1);display:block}.status-checks{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.status-check{display:flex;align-items:center;gap:var(--spacing-2)}.status-check__detail{color:var(--color-text-secondary)}.status-badge,.status-check__detail{font-size:var(--typography-fontSize-sm)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-weight:500}.status-badge__dot{width:8px;height:8px;border-radius:50%}.status-badge--pass{background:rgba(88,245,209,.1);color:#58f5d1}.status-badge--pass .status-badge__dot{background:#58f5d1}.status-badge--warn{background:rgba(212,165,116,.1);color:#d4a574}.status-badge--warn .status-badge__dot{background:#d4a574}.status-badge--fail{background:rgba(255,113,108,.1);color:#ff716c}.status-badge--fail .status-badge__dot{background:#ff716c}.status-lighthouse{display:flex;justify-content:center;gap:var(--spacing-6);flex-wrap:wrap}.status-lighthouse__item{text-align:center}.status-lighthouse__ring{position:relative;width:80px;height:80px;margin:0 auto var(--spacing-2)}.status-lighthouse__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.status-lighthouse__track{fill:none;stroke:var(--color-border-subtle);stroke-width:3}.status-lighthouse__fill{fill:none;stroke:#58f5d1;stroke-width:3;stroke-linecap:round}.status-lighthouse__score{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--typography-fontSize-lg);font-weight:var(--typography-fontWeight-bold)}.status-lighthouse__label{font-size:var(--typography-fontSize-xs);color:var(--color-text-secondary)}.status-components{overflow-x:auto}.status-table{width:100%;border-collapse:collapse;font-size:var(--typography-fontSize-sm)}.status-table th{text-align:left;border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);font-weight:500}.status-table td,.status-table th{padding:var(--spacing-2) var(--spacing-3)}.status-table td{border-bottom:1px solid var(--color-border-subtle)}.status-table__name{font-weight:600;color:var(--color-primary-base)}.status-families{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.status-family{display:flex;align-items:center;gap:var(--spacing-2);background:var(--color-background-elevated);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radii-md)}.status-family__name{font-size:var(--typography-fontSize-sm)}.status-family__count{background:var(--color-primary-base);color:var(--color-background-dark);font-size:var(--typography-fontSize-xs);font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-pipeline{display:flex;flex-direction:column;gap:var(--spacing-2)}.status-pipeline__stage{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0}.status-pipeline__num{background:var(--color-primary-base);color:var(--color-background-dark);font-size:var(--typography-fontSize-xs);font-weight:700;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-pipeline__name{flex:1 1;font-size:var(--typography-fontSize-sm)}