:root{--black:#000;--white:#fff;--gray:#f5f5f5;--green:#10b981;--yellow:#f59e0b;--red:#ef4444;--transition:all .3s cubic-bezier(.25,.46,.45,.94)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-family:Almarai,sans-serif;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 5%}.navbar{background-color:var(--white);z-index:1000;padding:1.5rem 5%;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px rgba(0,0,0,.05)}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-brand{color:var(--black);font-size:1.5rem;font-weight:800;text-decoration:none}.status-header{text-align:center;padding:10rem 0 4rem}.status-title{letter-spacing:-1.5px;margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}.status-subtitle{opacity:.8;max-width:700px;margin:0 auto;font-size:1.5rem;font-weight:300}.status-overview{justify-content:center;gap:2rem;margin:3rem 0;display:flex}.overview-item{text-align:center;background-color:#f5f5f5;border-radius:8px;padding:1.5rem 2rem}.overview-value{margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.overview-label{opacity:.8;font-size:1rem;font-weight:300}.status-components{margin:5rem 0}.components-title{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:2rem;padding-bottom:1rem;font-size:2rem;font-weight:800}.component{border-bottom:1px solid rgba(0,0,0,.05);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.component-info{align-items:center;gap:1.5rem;display:flex}.component-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.component-icon.operational{color:var(--green);background-color:rgba(16,185,129,.1)}.component-icon.degraded{color:var(--yellow);background-color:rgba(245,158,11,.1)}.component-icon.outage{color:var(--red);background-color:rgba(239,68,68,.1)}.component-name{font-size:1.2rem;font-weight:700}.component-status{border-radius:20px;padding:.5rem 1rem;font-size:1rem;font-weight:700}.status-operational{color:var(--green);background-color:rgba(16,185,129,.1)}.status-degraded{color:var(--yellow);background-color:rgba(245,158,11,.1)}.status-outage{color:var(--red);background-color:rgba(239,68,68,.1)}.status-history{margin:5rem 0}.incident{border:1px solid rgba(0,0,0,.1);border-radius:8px;margin-bottom:3rem;overflow:hidden}.incident-header{background-color:var(--gray);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.incident-title{font-size:1.2rem;font-weight:700}.incident-date{opacity:.8;font-size:1rem;font-weight:300}.incident-body{padding:1.5rem}.incident-update{border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:1.5rem;padding-bottom:1.5rem}.update-time{opacity:.7;margin-bottom:.5rem;font-size:.9rem;font-weight:300}.update-message{font-size:1rem;line-height:1.6}.footer{background-color:var(--black);color:var(--white);text-align:center;padding:4rem 5%}.footer-brand{margin-bottom:1rem;font-size:1.5rem;font-weight:800}.footer-links{justify-content:center;gap:1.5rem;margin:1.5rem 0;display:flex}.footer-link{color:var(--white);opacity:.7;transition:var(--transition);text-decoration:none}.footer-link:hover{opacity:1}.footer-copyright{opacity:.5;margin-top:2rem;font-size:.9rem;font-weight:300}@media (max-width:768px){.status-header{padding:8rem 0 3rem}.status-title{font-size:2.5rem}.status-subtitle{font-size:1.2rem}.status-overview{flex-direction:column;gap:1rem}.component{flex-direction:column;align-items:flex-start;gap:1rem}.footer-links{flex-direction:column;gap:1rem}}