.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.page-header .page-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);text-transform:lowercase}.page-actions{display:flex;align-items:center;gap:var(--spacing-md)}.page-actions .btn.active{border-color:var(--color-accent);color:var(--color-accent)}.back-link{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none}.back-link:hover{color:var(--color-text)}.active-events{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.event-banner{padding:var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-elevated)}.event-banner.event-incident{border-left:3px solid var(--color-error)}.event-banner.event-maintenance{border-left:3px solid var(--color-warning)}.event-banner.event-info{border-left:3px solid var(--color-info)}.event-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.event-type{font-size:var(--text-xs);text-transform:lowercase;font-weight:var(--font-medium);color:var(--color-text-muted)}.event-status{font-size:var(--text-xs);padding:2px 6px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary)}.event-title{margin:0 0 var(--spacing-xs);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.event-description{margin:0 0 var(--spacing-xs);font-size:var(--text-sm);color:var(--color-text-secondary)}.event-date{font-size:var(--text-xs);color:var(--color-text-muted)}.recent-events{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border)}.recent-events h3{margin:0 0 var(--spacing-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:lowercase}.events-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.event-item{padding:var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg)}.event-item.resolved{opacity:.6}.event-item.event-incident{border-left:2px solid var(--color-error)}.event-item.event-maintenance{border-left:2px solid var(--color-warning)}.event-item.event-info{border-left:2px solid var(--color-info)}.event-item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.event-item .event-title{font-size:var(--text-sm);margin-bottom:0}.event-item .event-description{font-size:var(--text-xs);margin-bottom:0}.overall-uptime{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-elevated);margin-bottom:var(--spacing-xl)}.overall-uptime .uptime-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.overall-uptime .uptime-value{font-size:var(--text-xl);font-weight:var(--font-semibold)}.uptime-value.is-success,.service-uptime.is-success{color:var(--color-success)}.uptime-value.is-warning,.service-uptime.is-warning{color:var(--color-warning, #f59e0b)}.uptime-value.is-error,.service-uptime.is-error{color:var(--color-error)}.service-uptime{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:var(--text-xs);font-weight:var(--font-medium)}