:root{--color-bg: #f8f9fc;--color-bg-alt: #ffffff;--color-text: #1a1a2e;--color-text-muted: #64648c;--color-accent: #7c3aed;--color-accent-light: #a78bfa;--color-accent-dark: #5b21b6;--color-border: #e5e7eb;--color-operational: #10b981;--color-operational-bg: #d1fae5;--color-degraded: #f59e0b;--color-degraded-bg: #fef3c7;--color-outage: #ef4444;--color-outage-bg: #fee2e2;--color-maintenance: #6366f1;--color-maintenance-bg: #e0e7ff;--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8f9fc 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--color-bg: #0f0f1a;--color-bg-alt: #1a1a2e;--color-text: #f8f9fc;--color-text-muted: #a5a5c0;--color-border: #2d2d44;--gradient-card: linear-gradient(145deg, #1a1a2e 0%, #0f0f1a 100%);--color-operational-bg: #064e3b;--color-degraded-bg: #78350f;--color-outage-bg: #7f1d1d;--color-maintenance-bg: #312e81}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;font-family:var(--font-sans);line-height:1.6;scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100vh;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-light)}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px)}.nav-brand{display:flex;gap:var(--space-sm);align-items:center;color:var(--color-text);font-weight:700;font-size:1.25rem}.brand-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:#fff;font-weight:800;background:var(--gradient-accent);border-radius:var(--radius-md)}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-links a{color:var(--color-text-muted);font-weight:500}.nav-links a:hover{color:var(--color-accent)}main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.footer{padding:var(--space-xl);color:var(--color-text-muted);font-size:.875rem;text-align:center;border-top:1px solid var(--color-border)}.status-banner{display:flex;gap:var(--space-md);align-items:center;justify-content:center;margin-bottom:var(--space-2xl);padding:var(--space-lg) var(--space-xl);font-weight:600;font-size:1.25rem;border-radius:var(--radius-lg)}.status-banner.operational{color:var(--color-operational);background:var(--color-operational-bg)}.status-banner.degraded,.status-banner.partial{color:var(--color-degraded);background:var(--color-degraded-bg)}.status-banner.major{color:var(--color-outage);background:var(--color-outage-bg)}.status-banner.maintenance{color:var(--color-maintenance);background:var(--color-maintenance-bg)}.status-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:#fff;font-size:1rem;background:currentColor;border-radius:var(--radius-full)}.service-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-lg);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow .2s ease}.service-card:hover{box-shadow:var(--shadow-md)}.service-info{flex:1}.service-name{margin-bottom:var(--space-xs);font-weight:600;font-size:1.125rem}.service-description{color:var(--color-text-muted);font-size:.875rem}.service-status{display:flex;flex-shrink:0;gap:var(--space-sm);align-items:center}.status-indicator{width:.75rem;height:.75rem;border-radius:var(--radius-full)}.operational .status-indicator{background:var(--color-operational)}.degraded .status-indicator{background:var(--color-degraded)}.outage .status-indicator{background:var(--color-outage)}.maintenance .status-indicator{background:var(--color-maintenance)}.status-text{font-weight:500;font-size:.875rem}.operational .status-text{color:var(--color-operational)}.degraded .status-text{color:var(--color-degraded)}.outage .status-text{color:var(--color-outage)}.maintenance .status-text{color:var(--color-maintenance)}.uptime{margin-left:var(--space-sm);color:var(--color-text-muted);font-size:.75rem}.uptime-graph{margin:var(--space-2xl) 0;padding:var(--space-lg);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.uptime-header{display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.uptime-service{font-weight:600}.uptime-period{color:var(--color-text-muted);font-size:.875rem}.uptime-bars{display:flex;gap:2px;height:2rem}.uptime-bar{flex:1;border-radius:2px;cursor:pointer;transition:transform .1s ease}.uptime-bar:hover{transform:scaleY(1.2)}.uptime-bar.operational{background:var(--color-operational)}.uptime-bar.degraded{background:var(--color-degraded)}.uptime-bar.outage{background:var(--color-outage)}.uptime-bar.maintenance{background:var(--color-maintenance)}.uptime-bar.no-data{background:var(--color-border)}.uptime-legend{display:flex;justify-content:space-between;margin-top:var(--space-sm);color:var(--color-text-muted);font-size:.75rem}.incident-card{margin-bottom:var(--space-md);padding:var(--space-lg);background:var(--color-bg-alt);border:1px solid var(--color-border);border-left:4px solid var(--color-border);border-radius:var(--radius-lg)}.incident-card.minor{border-left-color:var(--color-degraded)}.incident-card.major,.incident-card.critical{border-left-color:var(--color-outage)}.incident-card.resolved{opacity:.7}.incident-header{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-md)}.incident-title{font-weight:600;font-size:1.125rem}.incident-meta{display:flex;gap:var(--space-sm)}.incident-status{padding:var(--space-xs) var(--space-sm);font-weight:600;font-size:.75rem;text-transform:uppercase;border-radius:var(--radius-sm)}.incident-status.investigating{color:var(--color-outage);background:var(--color-outage-bg)}.incident-status.identified{color:var(--color-degraded);background:var(--color-degraded-bg)}.incident-status.monitoring{color:var(--color-maintenance);background:var(--color-maintenance-bg)}.incident-status.resolved{color:var(--color-operational);background:var(--color-operational-bg)}.incident-impact{padding:var(--space-xs) var(--space-sm);color:var(--color-text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;background:var(--color-border);border-radius:var(--radius-sm)}.incident-message{margin-bottom:var(--space-md);color:var(--color-text-muted);font-size:.9375rem;line-height:1.6}.incident-footer{display:flex;gap:var(--space-lg);color:var(--color-text-muted);font-size:.75rem}.section-title{margin:var(--space-2xl) 0 var(--space-lg);color:var(--color-text);font-weight:700;font-size:1.25rem}.section-title:first-child{margin-top:0}.page-header{margin-bottom:var(--space-xl)}.page-header h1{margin-bottom:var(--space-sm);font-weight:800;font-size:2rem}.page-header p{color:var(--color-text-muted)}.empty-state{padding:var(--space-3xl);color:var(--color-text-muted);text-align:center}