.status-main{background:var(--bg-primary);min-height:70vh;padding:140px 0 100px}.status-container{width:100%;max-width:880px;margin:0 auto;padding:0 24px}.status-banner{border:1px solid var(--border);background:var(--bg-secondary);border-radius:14px;align-items:center;gap:16px;padding:24px 28px;display:flex}.status-banner--operational{background:#22c55e14;border-color:#22c55e66}.status-banner--degraded_performance,.status-banner--maintenance{background:#eab30814;border-color:#eab30866}.status-banner--partial_outage{background:#f9731614;border-color:#f9731666}.status-banner--major_outage{background:#ef444414;border-color:#ef444466}.status-banner-icon{border-radius:50%;flex-shrink:0;width:14px;height:14px}.status-banner-text{flex-direction:column;gap:2px;display:flex}.status-banner-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.2}.status-banner-meta{font-size:var(--text-sm);color:var(--text-tertiary)}.status-section{margin-top:40px}.status-section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.status-section-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.status-refresh{font-size:var(--text-sm);color:var(--text-tertiary);align-items:center;gap:8px;display:inline-flex}.status-refresh-btn{border:1px solid var(--border);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:border-color .15s,color .15s;display:inline-flex}.status-refresh-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.status-refresh-btn:disabled{opacity:.5;cursor:default}.status-list{border:1px solid var(--border);background:var(--bg-secondary);border-radius:14px;overflow:hidden}.status-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.status-row:first-child{border-top:none}.status-row-name{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--weight-medium)}.status-row-since{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px;display:block}.status-pill{white-space:nowrap;font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:8px;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-incident{border:1px solid var(--border);background:var(--bg-secondary);border-radius:14px;margin-top:12px;padding:18px 24px}.status-incident-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.status-incident-meta{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:4px}.status-incident-body{font-size:var(--text-sm);color:var(--text-secondary);margin-top:10px;line-height:1.6}.status-empty{text-align:center;border:1px dashed var(--border);color:var(--text-tertiary);font-size:var(--text-sm);border-radius:14px;padding:28px 24px}.status-legend{flex-wrap:wrap;gap:18px;margin-top:28px;display:flex}.status-legend-item{font-size:var(--text-xs);color:var(--text-tertiary);align-items:center;gap:8px;display:inline-flex}.status-message{text-align:center;color:var(--text-secondary);padding:60px 24px}.status-message--error{color:#f87171}.status-skeleton{border-top:1px solid var(--border);background:linear-gradient(90deg,#ffffff05,#ffffff0d,#ffffff05) 0 0/200% 100%;height:60px;animation:1.4s infinite status-shimmer}.status-skeleton:first-child{border-top:none}@keyframes status-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:600px){.status-main{padding:110px 0 70px}.status-row{padding:16px 18px}}