.status-page{max-width:860px;margin:0 auto;padding:2rem 2rem 4rem}.status-hero{padding:10rem 2rem 4rem;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));text-align:center;position:relative;overflow:hidden}.status-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,107,53,.15),transparent 70%);animation:float-bg 20s infinite ease-in-out}@keyframes float-bg{0%,to{transform:translate(0)}50%{transform:translate(-50px,50px)}}.status-hero-content{max-width:860px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.status-hero h1{font-size:3.5rem;margin-bottom:1rem;line-height:1.1}.status-hero-subtitle{font-size:1.3rem;color:var(--text-secondary);margin-bottom:3rem}.overall-banner{width:100%;display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;border-radius:14px;font-weight:700;font-size:1.05rem;border:1px solid transparent;flex-wrap:wrap;text-align:left}.overall-banner.operational{background:#10b9811a;border-color:#10b98140;color:#10b981}.overall-banner.degraded{background:#f59e0b1a;border-color:#f59e0b40;color:#f59e0b}.overall-banner.outage{background:#ef44441a;border-color:#ef444440;color:#ef4444}.overall-banner.checking{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.banner-status{font-size:1.15rem;font-weight:700}.banner-icon{font-size:.9rem}.banner-meta{margin-left:auto;font-size:.78rem;font-weight:400;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.refresh-btn{background:none;border:none;color:var(--primary-orange);cursor:pointer;font-size:1rem;padding:0;line-height:1;transition:transform .3s}.refresh-btn:hover{transform:rotate(180deg)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;color:var(--text-secondary)}.spinner{width:36px;height:36px;border:4px solid rgba(255,255,255,.08);border-top-color:var(--primary-orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tree-layout{position:relative;margin-top:1rem}.root-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;position:relative;box-shadow:0 4px 20px #0000001a;margin-left:3rem}.root-card:before{content:"";position:absolute;left:-1.5rem;top:2.2rem;width:1.5rem;height:2px;background:var(--primary-orange);box-shadow:0 0 8px #ff910066}.root-card:after{content:"";position:absolute;left:-1.5rem;top:2.2rem;width:2px;height:calc(100% - 2.2rem + 1rem);background:var(--primary-orange);box-shadow:0 0 8px #ff91004d}.tree-rail{position:relative;padding-left:3rem}.tree-rail:before{content:"";position:absolute;left:1.5rem;top:-1rem;bottom:1.5rem;width:2px;background:var(--primary-orange);box-shadow:0 0 8px #ff91004d}.tree-rail:after{content:"";position:absolute;left:1.5rem;top:0;width:2px;height:40px;background:linear-gradient(to bottom,transparent,#fff,transparent);animation:dataFlow 3s infinite linear;z-index:2}@keyframes dataFlow{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(600px);opacity:0}}.branch-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1rem;position:relative;box-shadow:0 4px 15px #0000001a}.branch-card:before{content:"";position:absolute;left:-1.5rem;top:2rem;width:1.5rem;height:2px;background:var(--primary-orange);box-shadow:0 0 8px #ff910066}.branch-card:after{content:"";position:absolute;left:-1.75rem;top:calc(2rem - 4px);width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--primary-orange);box-shadow:0 0 10px var(--primary-orange);z-index:3}.region-heading{display:flex;align-items:center;gap:.8rem;font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.dot-operational{color:#10b981}.dot-degraded{color:#f59e0b}.dot-outage{color:#ef4444}.dot-unknown{color:var(--text-secondary)}.service-block{margin-bottom:0;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.service-block:last-child{border-bottom:none;padding-bottom:.5rem}.service-row{display:flex;align-items:center;justify-content:space-between;gap:2rem}.service-name{font-size:.95rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.svc-dot{font-size:.6rem;flex-shrink:0}.service-status-label{font-size:.85rem;font-weight:400;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.status-operational{color:#10b981}.status-degraded{color:#f59e0b}.status-outage{color:#ef4444}.uptime-wrap{display:flex;align-items:center;gap:.5rem;font-size:.65rem;color:var(--text-secondary)}.uptime-bars{display:flex;gap:2px;flex:1;height:28px;align-items:flex-end}.uptime-bar{flex:1;border-radius:2px;height:100%;min-width:4px}.bar-operational{background:#10b981}.bar-degraded{background:#f59e0b}.bar-outage{background:#ef4444}.bar-empty{background:var(--bg-tertiary, rgba(255,255,255,.06))}.uptime-label{white-space:nowrap}.section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.incident-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.incident-item:last-child{border-bottom:none}.incident-date{font-size:.75rem;color:var(--text-secondary);margin-bottom:.35rem}.incident-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.incident-updates{font-size:.8rem;color:var(--text-secondary);line-height:1.6}.incident-tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:4px;margin-right:.5rem;background:#94a3b826;color:var(--text-secondary)}.incident-tag.resolved{background:#10b9811f;color:#10b981}.incident-tag.identified{background:#f59e0b1f;color:#f59e0b}.attribution{text-align:center;font-size:.78rem;color:var(--text-secondary);margin-top:2.5rem}.attribution a{color:var(--primary-orange);text-decoration:none}.attribution a:hover{text-decoration:underline}@media(max-width:768px){.status-hero h1{font-size:2.5rem}.status-hero{padding:6rem 1rem 3rem}.status-page{padding:2rem 1rem 3rem}.uptime-bars{height:20px}}