.status-section{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}.status-loading-container{align-items:center;display:flex;justify-content:center;padding:5rem 0}.status-spinner{animation:statusSpin .7s linear infinite;border:2px solid #8b5cf6;border-radius:50%;border-top-color:transparent;height:2rem;width:2rem}.light .status-spinner{border-color:transparent #22c55e #22c55e}@keyframes statusSpin{to{transform:rotate(1turn)}}.status-page-header{animation:statusFadeSlideUp .5s cubic-bezier(.16,1,.3,1) both}.status-page-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.status-page-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.status-main{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;padding:2rem 1rem 4rem}.status-banner{align-items:center;animation:statusFadeSlideUp .5s cubic-bezier(.16,1,.3,1) .1s both;border-radius:12px;display:flex;gap:12px;padding:16px 20px;width:100%}.status-banner[data-status=operational]{background:#22c55e14;border:1px solid rgba(34,197,94,.3)}.status-banner[data-status=incident]{background:#ffc53014;border:1px solid rgba(255,197,48,.3)}.status-banner[data-status=disruption]{background:#f0394114;border:1px solid rgba(240,57,65,.3)}.dark .status-banner[data-status=operational]{background:#8b5cf614;border:1px solid rgba(139,92,246,.3)}.dark .status-banner[data-status=incident]{background:#ffc53014;border:1px solid rgba(255,197,48,.3)}.dark .status-banner[data-status=disruption]{background:#f0394114;border:1px solid rgba(240,57,65,.3)}@keyframes statusFadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.status-dot{border-radius:50%;flex-shrink:0;height:10px;position:relative;width:10px}.status-dot[data-status=operational]{background:#22c55e}.status-dot[data-status=incident]{background:#ffc530}.status-dot[data-status=disruption]{background:#f03941}.dark .status-dot[data-status=operational]{background:#8b5cf6}.status-dot:after{animation:statusPulse 2s ease-in-out infinite;border-radius:50%;content:"";inset:-4px;position:absolute}.status-dot[data-status=operational]:after{background:#22c55e40}.status-dot[data-status=incident]:after{background:#ffc53040}.status-dot[data-status=disruption]:after{background:#f0394140}.dark .status-dot[data-status=operational]:after{background:#8b5cf640}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.6)}}.status-banner-text{font-size:14px;font-weight:600}.status-banner-text[data-status=operational]{color:#22c55e}.status-banner-text[data-status=incident]{color:#ffc530}.status-banner-text[data-status=disruption]{color:#f03941}.dark .status-banner-text[data-status=operational]{color:#8b5cf6}.status-banner-sub{color:var(--text-secondary);font-size:12px;margin-left:auto}.status-panel{animation:statusFadeIn .5s cubic-bezier(.16,1,.3,1) .2s both;background:var(--bg-secondary);border:1px solid rgba(139,92,246,.15);border-radius:12px;display:flex;flex-direction:column;gap:0;padding:2rem 2.5rem}.light .status-panel{border-color:#22c55e33}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-panel-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.status-panel-title{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.3px}.status-filter-bar{align-items:center;background:var(--bg-tertiary);border:1px solid rgba(139,92,246,.15);border-radius:8px;display:flex;gap:4px;padding:3px}.light .status-filter-bar{border-color:#22c55e33}.status-filter-btn{background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;outline:none;padding:5px 12px;transition:background .15s,color .15s}.status-filter-btn:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}.status-filter-btn.active{background:#8b5cf626;color:#8b5cf6;font-weight:600}.light .status-filter-btn.active{background:#22c55e1f;color:#22c55e}.status-services-list{display:flex;flex-direction:column;gap:28px}.status-divider{background:#8b5cf61f;border:none;border-radius:100px;flex-shrink:0;height:1px;margin:0}.light .status-divider{background:#22c55e26}.status-legend{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.status-legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.status-legend-dot{border-radius:2px;flex-shrink:0;height:10px;width:10px}.status-legend-dot.operational{background:#22c55e}.status-legend-dot.incident{background:#ffc530}.status-legend-dot.disruption{background:#f03941}.status-chart-section{animation:statusFadeSlideUp .55s cubic-bezier(.16,1,.3,1) both;display:flex;flex-direction:column;gap:8px;position:relative}.status-chart-header{align-items:center;display:flex;justify-content:space-between}.status-chart-name-row{align-items:center;display:flex;gap:8px}.status-chart-icon{align-items:center;border-radius:50%;box-sizing:content-box;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:box-shadow .3s;width:20px}.status-chart-icon.operational{background:#22c55e33;border:1.5px solid #22c55e}.status-chart-icon.incident{background:#ffc53033;border:1.5px solid #ffc530}.status-chart-icon.disruption{background:#f0394133;border:1.5px solid #f03941}.status-chart-icon svg{height:12px;width:12px}.status-chart-service-name{color:var(--text-primary);font-size:14px;font-weight:500;white-space:nowrap}.status-chart-uptime{color:#22c55e;font-size:14px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.2px}.dark .status-chart-uptime{color:#8b5cf6}.status-bars-container{align-items:stretch;background:var(--bg-tertiary);border:1px solid rgba(139,92,246,.12);border-radius:8px;cursor:crosshair;display:flex;gap:1px;height:60px;padding:8px;position:relative}.light .status-bars-container{border-color:#22c55e26}.status-bar{animation:statusBarGrow .4s cubic-bezier(.34,1.56,.64,1) both;border-radius:2px;flex:1 1 0;position:relative;transform-origin:bottom;transition:filter .15s,transform .15s}.status-bar:first-child{border-radius:2px 0 0 2px}.status-bar:last-child{border-radius:0 2px 2px 0}.status-bar.operational{background:#22c55e}.status-bar.incident{background:#ffc530}.status-bar.disruption{background:#f03941}@keyframes statusBarGrow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.status-bar:hover{filter:brightness(1.25);transform:scaleY(1.05);z-index:2}.status-tooltip{animation:statusTooltipIn .15s ease-out both;background:var(--bg-secondary);border:1px solid rgba(139,92,246,.2);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000059;min-width:140px;white-space:nowrap;z-index:50}.status-tooltip,.status-tooltip:after,.status-tooltip:before{pointer-events:none;position:absolute;transform:translate(-50%)}.status-tooltip:after,.status-tooltip:before{border-style:solid;content:"";left:50%;top:100%}.status-tooltip:before{border-color:rgba(139,92,246,.2) transparent transparent;border-width:7px}.status-tooltip:after{border-color:var(--bg-secondary) transparent transparent transparent;border-width:6px;margin-top:-1px}.light .status-tooltip{border-color:#22c55e33;box-shadow:0 8px 24px #0000001a}.light .status-tooltip:before{border-color:rgba(34,197,94,.2) transparent transparent}@keyframes statusTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.status-tooltip-header{border-bottom:1px solid transparent;border-radius:7px 7px 0 0;padding:8px 12px}.status-tooltip-header:only-child{border-bottom:none;border-radius:7px}.status-tooltip-header.operational{background:#22c55e26;border-bottom-color:#22c55e33}.status-tooltip-header.incident{background:#ffc53026;border-bottom-color:#ffc53033}.status-tooltip-header.disruption{background:#f0394126;border-bottom-color:#f0394133}.dark .status-tooltip-header.operational{background:#8b5cf626;border-bottom-color:#8b5cf633}.status-tooltip-date{color:var(--text-secondary);font-family:monospace;font-size:11px;margin-bottom:6px}.status-tooltip-status{align-items:center;display:flex;font-size:13px;font-weight:700;gap:6px}.status-tooltip-header.operational .status-tooltip-status{color:#22c55e}.status-tooltip-header.incident .status-tooltip-status{color:#ffc530}.status-tooltip-header.disruption .status-tooltip-status{color:#f03941}.dark .status-tooltip-header.operational .status-tooltip-status{color:#8b5cf6}.status-tooltip-icon{flex-shrink:0}.status-tooltip-duration{font-family:monospace;font-size:12px;margin-left:auto}.status-tooltip-body{display:flex;flex-direction:column;gap:8px;padding:8px 12px}.status-tooltip-related-section{display:flex;flex-direction:column;gap:6px}.status-tooltip-related-title{color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.status-tooltip-related-list{display:flex;flex-direction:column;gap:4px}.status-tooltip-related-item{color:var(--text-primary);font-size:12px;line-height:1.4;white-space:normal}.status-tooltip-uptime{display:none}.status-timeline{align-items:center;display:flex;justify-content:space-between}.status-timeline-label{color:var(--text-secondary);font-size:12px;line-height:1.4}.status-timeline-label-right{color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.4}.status-incidents-section{animation:statusFadeSlideUp .5s cubic-bezier(.16,1,.3,1) .35s both;display:flex;flex-direction:column;gap:0}.status-incidents-heading{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:24px}.status-day-group{animation:statusDayIn .4s cubic-bezier(.16,1,.3,1) both;border-top:1px solid rgba(139,92,246,.12);padding:20px 0}.light .status-day-group{border-top-color:#22c55e26}@keyframes statusDayIn{0%{opacity:0}to{opacity:1}}.status-day-date{color:var(--text-primary);font-family:monospace;font-size:13px;font-weight:600;letter-spacing:.2px;margin-bottom:8px}.status-no-incident{color:var(--text-secondary);font-size:13px}.status-incident-block{display:flex;flex-direction:column;gap:10px}.status-incident-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.4;margin:0}.status-updates{border-left:2px solid rgba(139,92,246,.15);display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-left:16px}.light .status-updates{border-left-color:#22c55e33}.status-update-row{display:flex;flex-direction:column;gap:2px}.status-update-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-update-label{border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:2px 7px;text-transform:uppercase}.status-update-label.resolved{background:#22c55e26;color:#22c55e}.status-update-label.detected{background:#ffc53026;color:#ffc530}.status-update-label.identified{background:#f0394126;color:#f03941}.status-update-label.update{background:#63b3ed26;color:#63b3ed}.dark .status-update-label.resolved{background:#8b5cf626;color:#8b5cf6}.status-update-time{color:var(--text-secondary);font-family:monospace;font-size:11px}.status-update-desc{line-height:1.5}.status-show-more-btn,.status-update-desc{color:var(--text-secondary);font-size:13px}.status-show-more-btn{align-self:flex-start;background:var(--bg-secondary);border:1px solid rgba(139,92,246,.2);border-radius:8px;cursor:pointer;font-family:inherit;font-weight:500;margin-top:16px;outline:none;padding:10px 20px;transition:background .15s,color .15s,border-color .15s}.light .status-show-more-btn{border-color:#22c55e40}.status-show-more-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-purple);color:var(--text-primary)}.light .status-show-more-btn:hover{border-color:#22c55e}.status-show-more-btn:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}@media(max-width:640px){.status-main{padding:1rem .75rem 3rem}.status-panel{padding:1.25rem 1rem}.status-banner{flex-wrap:wrap;gap:8px}.status-banner-sub{flex-basis:100%;margin-left:0}.status-bars-container{height:44px}.status-legend{gap:10px}}@media(prefers-reduced-motion:reduce){.status-banner,.status-bar,.status-chart-section,.status-day-group,.status-dot:after,.status-incidents-section,.status-panel{animation:none!important}}
