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