.status-page{position:relative;min-height:calc(100vh - var(--nav-height) - 120px);padding-bottom:var(--space-4xl)}.status-hero{position:relative;padding:var(--space-3xl) 0 var(--space-xl);overflow:hidden}.status-hero-bg{background:radial-gradient(ellipse 50% 70% at 50% 0,rgba(146,196,168,.06) 0,transparent 70%)}.status-hero-bg,.status-hero-grid{position:absolute;inset:0;pointer-events:none}.status-hero-grid{background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,black 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,black 10%,transparent 70%)}.status-hero-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.status-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:rgba(146,196,168,.06);border:1px solid rgba(146,196,168,.15);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#92c4a8;margin-bottom:var(--space-lg)}.status-hero-badge-dot{width:7px;height:7px;background:#92c4a8;border-radius:50%;box-shadow:0 0 8px rgba(146,196,168,.6);animation:pulse 2s infinite}.status-hero-desc{max-width:520px;margin-top:var(--space-md);color:var(--text-secondary)}.status-uptime-hero{margin-top:var(--space-2xl)}.status-uptime-ring{position:relative;width:160px;height:160px}.status-uptime-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.status-uptime-arc{stroke-dasharray:0 326.7;animation:drawArc 1.8s cubic-bezier(.4,0,.2,1) .4s forwards}@keyframes drawArc{to{stroke-dasharray:326.04 .66}}.status-uptime-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.status-uptime-ring-value{font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:-1px;background:linear-gradient(135deg,#92c4a8,#c4ae92);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-uptime-ring-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.status-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:var(--space-2xl)}.status-metric-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-card);background:rgba(255,255,255,.015);transition:all .2s ease}.status-metric-card:hover{background:rgba(255,255,255,.03);border-color:var(--border-hover);transform:translateY(-1px)}.status-metric-icon{width:36px;height:36px;border-radius:10px;background:rgba(196,174,146,.06);border:1px solid rgba(196,174,146,.12);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.status-metric-info{display:flex;flex-direction:column;gap:1px;min-width:0}.status-metric-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.status-metric-value{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.status-metric-desc{font-size:11.5px;color:var(--text-muted);margin-top:2px}.status-services{margin-bottom:var(--space-2xl);border:1px solid var(--border-card);border-radius:var(--radius-xl);background:rgba(255,255,255,.012);overflow:hidden}.status-services-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.status-section-title{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.status-services-updated{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:#92c4a8;letter-spacing:.04em;text-transform:uppercase;font-weight:500}.status-live-dot{width:6px;height:6px;background:#92c4a8;border-radius:50%;box-shadow:0 0 6px rgba(146,196,168,.5);animation:pulse 2s infinite}.status-service-row{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .16s ease}.status-service-row:last-child{border-bottom:none}.status-service-row:hover{background:rgba(255,255,255,.015)}.status-service-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.status-service-name{font-size:14px;font-weight:500;color:var(--text-primary)}.status-service-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#92c4a8;font-weight:500}.status-service-pulse{width:6px;height:6px;background-color:#92c4a8;border-radius:50%;box-shadow:0 0 0 0 rgba(146,196,168,.4);animation:pulse 2s infinite}.status-service-bars-wrap{display:flex;flex-direction:column;gap:6px}.status-bars{display:grid;grid-template-columns:repeat(90,1fr);gap:1.5px;height:28px}.status-bar{border-radius:2px;transition:background .18s ease,transform .12s ease;cursor:pointer;position:relative}.status-bar--ok{background:rgba(146,196,168,.22)}.status-bar--degraded{background:rgba(196,184,146,.45)}.status-bar:hover{background:#92c4a8!important;transform:scaleY(1.2)}.status-bar:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px) scale(.92);background:rgba(14,14,14,.96);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:10px;font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.4)}.status-bar:hover:after{opacity:1;transform:translate(-50%,-8px) scale(1)}.status-service-bar-labels{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em}.status-chart-section{margin-bottom:var(--space-2xl)}.status-chart-card{border:1px solid var(--border-card);border-radius:var(--radius-xl);background:rgba(255,255,255,.012);padding:24px;margin-top:var(--space-md)}.status-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.status-chart-meta{display:flex;align-items:baseline;gap:10px}.status-chart-meta-label{font-size:13px;color:var(--text-secondary)}.status-chart-meta-value{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--accent);letter-spacing:-.5px}.status-chart-legend{display:flex;align-items:center;gap:16px}.status-chart-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.status-chart-legend-dot{width:8px;height:3px;border-radius:2px}.status-chart-legend-dot--accent{background:var(--accent)}.status-chart-legend-dot--muted{background:rgba(255,255,255,.12)}.status-svg-container{width:100%;height:160px;position:relative}.status-chart-line{stroke:var(--accent);stroke-width:1.8;fill:none;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawLine 2.5s cubic-bezier(.4,0,.2,1) .3s forwards}.status-chart-area{fill:url(#chart-gradient);opacity:0;animation:fadeArea 1s ease 1.5s forwards}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeArea{to{opacity:1}}.status-incidents{border:1px solid var(--border-card);border-radius:var(--radius-xl);background:rgba(255,255,255,.012);padding:24px}.status-incidents .status-section-title{margin-bottom:var(--space-lg)}.status-timeline{display:flex;flex-direction:column;gap:0}.status-timeline-item{display:flex;align-items:flex-start;gap:16px;position:relative;padding-bottom:24px}.status-timeline-item:last-child{padding-bottom:0}.status-timeline-item:not(:last-child):after{content:"";position:absolute;left:7px;top:18px;bottom:0;width:1px;background:var(--border)}.status-timeline-dot{width:15px;height:15px;border-radius:50%;background:rgba(146,196,168,.1);border:2px solid #92c4a8;flex-shrink:0;margin-top:2px;position:relative;z-index:1}.status-timeline-content{display:flex;flex-direction:column;gap:3px}.status-timeline-month{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.status-timeline-desc{font-size:13px;color:var(--text-muted)}@media (max-width:992px){.status-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.status-metrics{grid-template-columns:1fr 1fr;gap:10px}.status-metric-card{padding:16px}.status-metric-value{font-size:18px}.status-chart-header{flex-direction:column;align-items:flex-start;gap:10px}.status-uptime-ring{width:130px;height:130px}.status-uptime-ring-value{font-size:22px}}@media (max-width:576px){.status-metrics{grid-template-columns:1fr}.status-bars{gap:1px;height:22px}.status-service-row{padding:16px}}