.status-indicator{padding:4rem 6rem;margin:2rem 0;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.161);transition:.3s;text-align:center}.status-icon{font-size:4rem;margin-bottom:1.5rem}.status-icon.operational::before{content:"✓";color:#28a745;font-weight:700}.status-icon.degraded::before{content:"⚠";color:#ffc107;font-weight:700}.status-icon.outage::before{content:"✗";color:#dc3545;font-weight:700}.status-icon.maintenance::before{content:"🔧";color:#6c757d}#overall-status-text{color:#262626;font-family:'Jockey One',sans-serif;font-size:3rem;text-transform:uppercase;margin-bottom:1rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #165888;width:40px;height:40px;animation:1s linear infinite spin;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.components-container{display:grid;gap:2rem}.component-group{background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.161);margin-bottom:2rem}.component-group-header{background:#165888;padding:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s}.component-group-header:hover{background:#003561}.component-group-header .expand-icon{font-size:2rem;transition:transform .3s;margin-left:1rem}.component-group-header.expanded .expand-icon{transform:rotate(90deg)}.component-group-header-left{display:flex;align-items:center}.sub-group-header-left{display:flex;align-items:center}.component-group-title{font-family:'Jockey One',sans-serif;font-size:2.5rem;text-transform:uppercase;margin:0;color:#fff}.component-count{font-family:'Be Vietnam Pro',sans-serif;font-size:1.4rem;color:#fff;opacity:.8;font-weight:500}.component-group-items{padding:1rem;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}.component-group-items.expanded{max-height:2000px;padding:1rem}.component-group-items.collapsed{max-height:0;padding:0 1rem}.sub-group{background:#f8f9fa;margin-bottom:2rem;border-left:3px solid #165888}.sub-group:last-child{margin-bottom:0}.sub-group-header{background:#e9ecef;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dee2e6;cursor:pointer;transition:background-color .3s}.sub-group-header:hover{background:#dee2e6}.sub-group-header .expand-icon{font-size:1.8rem;transition:transform .3s;margin-left:1rem;color:#165888}.sub-group-header.expanded .expand-icon{transform:rotate(90deg)}.sub-group-title{font-family:'Be Vietnam Pro',sans-serif;font-size:2rem;font-weight:600;color:#165888;margin:0;text-transform:uppercase}.sub-group-header .component-count{font-family:'Be Vietnam Pro',sans-serif;font-size:1.4rem;color:#165888;opacity:.8;font-weight:500}.sub-group-items{padding:1rem;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}.sub-group-items.expanded{max-height:1500px;padding:1rem}.sub-group-items.collapsed{max-height:0;padding:0 1rem}.component-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;margin-bottom:1rem;background:#f8f9fa;border-left:4px solid #e0e0e0;transition:.3s}.component-item:last-child{margin-bottom:0}.component-name{font-family:'Be Vietnam Pro',sans-serif;font-weight:600;color:#262626;font-size:1.8rem}.component-status{padding:.5rem 1.5rem;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.component-status.operational{background-color:#28a745;color:#fff}.component-status.degraded{background-color:#ffc107;color:#262626}.component-status.outage{background-color:#dc3545;color:#fff}.component-status.maintenance{background-color:#6c757d;color:#fff}.incident-item{background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.161);padding:2rem;margin-bottom:2rem;border-left:4px solid #dc3545}.incident-title{font-family:'Jockey One',sans-serif;font-size:2.2rem;color:#262626;margin-bottom:1rem;text-transform:uppercase}.incident-status{display:inline-block;padding:.5rem 1.5rem;font-size:1.4rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.incident-status.investigating{background-color:#ffc107;color:#262626}.incident-status.identified{background-color:#dc3545;color:#fff}.incident-status.monitoring{background-color:#165888;color:#fff}.incident-status.resolved{background-color:#28a745;color:#fff}.incident-time{color:#6c757d;font-family:'Be Vietnam Pro',sans-serif;font-size:1.6rem;margin-bottom:.5rem}.incident-description{color:#262626;font-family:Athiti,sans-serif;font-size:1.8rem;line-height:1.4;margin-top:1rem}.no-incidents,.no-maintenance{text-align:center;padding:4rem;color:#6c757d;font-family:Athiti,sans-serif;font-size:2rem;font-style:italic;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.161)}.loading-placeholder{text-align:center;padding:4rem;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.161)}.loading-text{color:#6c757d;font-family:Athiti,sans-serif;font-size:2rem;font-style:italic}.error-message{background-color:#dc3545;color:#fff;padding:2rem;text-align:center;margin:1rem 0;font-family:'Be Vietnam Pro',sans-serif;font-size:1.8rem;font-weight:600}@media screen and (max-width:767px){.status-indicator{padding:2rem}.component-group-title{font-size:2rem}.component-name{font-size:1.6rem}.component-status{font-size:1.2rem;padding:.4rem 1rem}.incident-title{font-size:1.8rem}}@media screen and (min-width:768px) and (max-width:991px){.component-group-title{font-size:2.2rem}.sub-group-title{font-size:1.8rem}}