:root{--status-operational:#16a34a;--status-degraded:#eab308;--status-partial-outage:#f97316;--status-major-outage:#dc2626;--status-maintenance:#6b7280}.status-banner{text-align:center;padding:32px 0;transition:background-color .3s}.status-banner--operational{background:#f0fdf4}.status-banner--degraded{background:#fefce8}.status-banner--partial-outage{background:#fff7ed}.status-banner--major-outage{background:#fef2f2}.status-banner--maintenance,.status-banner--loading{background:#f9fafb}.status-banner__content{justify-content:center;align-items:center;gap:12px;display:flex}.status-banner__icon{flex-shrink:0;width:32px;height:32px}.status-banner__text{font-size:1.375rem;font-weight:700;line-height:1.2}.status-banner--operational .status-banner__text{color:var(--status-operational)}.status-banner--degraded .status-banner__text{color:var(--status-degraded)}.status-banner--partial-outage .status-banner__text{color:var(--status-partial-outage)}.status-banner--major-outage .status-banner__text{color:var(--status-major-outage)}.status-banner--maintenance .status-banner__text{color:var(--status-maintenance)}.status-banner--loading .status-banner__text{color:var(--color-text-secondary)}.status-banner__icon--operational{color:var(--status-operational)}.status-banner__icon--degraded{color:var(--status-degraded)}.status-banner__icon--partial-outage{color:var(--status-partial-outage)}.status-banner__icon--major-outage{color:var(--status-major-outage)}.status-banner__icon--maintenance{color:var(--status-maintenance)}.status-banner__icon--loading{color:var(--color-text-secondary)}.status-banner__desc{color:var(--color-text-secondary);margin-top:8px;font-size:.875rem}.component-list{border:1px solid var(--color-border);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.component-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.component-item:last-child{border-bottom:none}.component-item__name{font-size:.9375rem;font-weight:500}.component-item__right{align-items:center;gap:12px;display:flex}.component-item__response-time{color:var(--color-text-secondary);text-align:right;min-width:60px;font-size:.8125rem}.component-item__status{align-items:center;gap:6px;font-size:.8125rem;font-weight:500;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-dot--operational{background:var(--status-operational)}.status-dot--degraded{background:var(--status-degraded)}.status-dot--partial-outage{background:var(--status-partial-outage)}.status-dot--major-outage{background:var(--status-major-outage)}.status-dot--maintenance{background:var(--status-maintenance)}.uptime-section{margin-top:48px}.uptime-component{margin-bottom:32px}.uptime-component__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.uptime-component__name{font-size:.875rem;font-weight:500}.uptime-component__percent{color:var(--color-text-secondary);font-size:.8125rem}.uptime-bars{grid-template-columns:repeat(90,1fr);gap:2px;height:32px;display:grid}.uptime-bar{cursor:default;border-radius:2px;min-width:0}.uptime-bar--operational{background:var(--status-operational)}.uptime-bar--degraded{background:var(--status-degraded)}.uptime-bar--partial-outage{background:var(--status-partial-outage)}.uptime-bar--major-outage{background:var(--status-major-outage)}.uptime-bar--maintenance{background:var(--status-maintenance)}.uptime-bar--no-data{background:#e5e7eb}.uptime-legend{color:var(--color-text-secondary);justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}.response-time-section{margin-top:48px}.response-time-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.response-time-stats{gap:24px;font-size:.875rem;display:flex}.response-time-stat{color:var(--color-text-secondary)}.response-time-stat strong{color:var(--color-text)}.response-time-chart{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;width:100%;height:160px;padding:16px}.response-time-chart svg{width:100%;height:100%}.incidents-section{margin-top:48px}.incident-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;margin-bottom:16px;padding:24px}.incident-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.incident-card__title{margin:0;font-size:1.0625rem;font-weight:600}.incident-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.incident-badge--minor{color:#854d0e;background:#fef9c3}.incident-badge--major{color:#9a3412;background:#fed7aa}.incident-badge--critical{color:#991b1b;background:#fecaca}.incident-card__components{color:var(--color-text-secondary);margin-bottom:16px;font-size:.8125rem}.incident-timeline{border-left:2px solid var(--color-border);margin:0;padding:0 0 0 20px;list-style:none}.incident-timeline__item{padding-bottom:16px;position:relative}.incident-timeline__item:last-child{padding-bottom:0}.incident-timeline__item:before{content:"";background:var(--color-border);border:2px solid var(--color-surface);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-25px}.incident-timeline__status{text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.75rem;font-weight:600}.incident-timeline__message{color:var(--color-text);font-size:.875rem;line-height:1.5}.incident-timeline__time{color:var(--color-text-secondary);margin-top:4px;font-size:.75rem}.maintenance-section{margin-top:48px}.maintenance-card{border:1px solid var(--color-border);background:var(--color-surface);border-left:4px solid var(--status-maintenance);border-radius:12px;margin-bottom:16px;padding:24px}.maintenance-card__title{margin:0 0 8px;font-size:1.0625rem;font-weight:600}.maintenance-card__time{color:var(--color-text-secondary);margin-bottom:8px;font-size:.875rem}.maintenance-card__desc{color:var(--color-text);margin-bottom:8px;font-size:.875rem;line-height:1.5}.maintenance-card__components{color:var(--color-text-secondary);font-size:.8125rem}.history-section{margin-top:48px;padding-bottom:32px}.history-month{margin-bottom:24px}.history-month__title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:12px;font-size:.875rem;font-weight:600}.show-more-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:0 0;border-radius:8px;margin:24px auto 0;padding:10px 24px;transition:border-color .15s;display:block}.show-more-btn:hover{border-color:var(--color-text-secondary)}.empty-state{text-align:center;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:12px;padding:24px;font-size:.875rem}.status-footer-note{text-align:center;color:var(--color-text-secondary);padding:16px 0;font-size:.8125rem}.status-section-title{margin-bottom:16px;font-size:1.125rem;font-weight:600}@media (width<=640px){.uptime-bars{gap:1px;height:24px}.component-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.component-item__right{justify-content:space-between;width:100%}.response-time-header,.incident-card__header{flex-direction:column}.status-banner__text{font-size:1.125rem}}