:root{--color-operational: #28a745;--color-degraded: #ffc107;--color-partial: #fd7e14;--color-outage: #dc3545;--color-unknown: #6c757d;--color-maintenance: #17a2b8;--bg: #f8f9fa;--bg-card: #ffffff;--text: #212529;--text-muted: #6c757d;--border: #dee2e6;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:0 1rem}.status-header{background:#1a1a2e;color:#fff;padding:1.5rem 0;margin-bottom:2rem}.header-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.6rem}.brand-logo{height:36px;width:auto;flex-shrink:0;object-fit:contain}.status-header h1{font-size:1.5rem;font-weight:600}.brand-subtitle{font-weight:400;opacity:.7}.last-updated{font-size:.8rem;color:#fff9;margin-top:.25rem}.overall-badge{display:inline-block;padding:.35rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.overall-badge.operational{background:var(--color-operational);color:#fff}.overall-badge.degraded{background:var(--color-degraded);color:#212529}.overall-badge.partial-outage{background:var(--color-partial);color:#fff}.overall-badge.major-outage{background:var(--color-outage);color:#fff}.overall-badge.unknown{background:var(--color-unknown);color:#fff}section{margin-bottom:2rem}h2{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.component-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);border-left-width:4px}.component-card.operational{border-left-color:var(--color-operational)}.component-card.degraded{border-left-color:var(--color-degraded)}.component-card.partial-outage{border-left-color:var(--color-partial)}.component-card.major-outage{border-left-color:var(--color-outage)}.component-card.unknown{border-left-color:var(--color-unknown)}.component-card.maintenance{border-left-color:var(--color-maintenance)}.component-name{font-weight:500}.component-status{font-size:.8rem;font-weight:600}.component-card.operational .component-status{color:var(--color-operational)}.component-card.degraded .component-status{color:#856404}.component-card.partial-outage .component-status{color:#6f3800}.component-card.major-outage .component-status{color:var(--color-outage)}.component-card.unknown .component-status{color:var(--color-unknown)}.incidents-section{margin-top:2rem}.incident-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:.75rem;box-shadow:var(--shadow)}.incident-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.incident-header h3{font-size:.95rem;font-weight:600;flex:1}.incident-severity{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.incident-severity.critical{background:#fce8e8;color:#c62828}.incident-severity.major{background:#fff3cd;color:#856404}.incident-severity.minor{background:#d1ecf1;color:#0c5460}.incident-severity.maintenance{background:#e2e3e5;color:#383d41}.incident-status-badge{font-size:.75rem;color:var(--text-muted);font-weight:500}.incident-started{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.incident-update{font-size:.85rem;background:#f8f9fa;border-left:3px solid var(--border);padding:.4rem .75rem;border-radius:0 4px 4px 0}.update-time{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.subscribe-section{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow)}.subscribe-section p{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.subscribe-form{display:flex;gap:.5rem;flex-wrap:wrap}.email-input{flex:1;min-width:220px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem;outline:none;transition:border-color .15s}.email-input:focus{border-color:#4a90d9}.subscribe-btn{padding:.5rem 1.25rem;background:#1a1a2e;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .15s}.subscribe-btn:hover:not(:disabled){background:#2d2d5e}.subscribe-btn:disabled{opacity:.6;cursor:not-allowed}.subscribe-success{color:var(--color-operational);font-size:.9rem;margin-top:.75rem}.subscribe-error{color:var(--color-outage);font-size:.9rem;margin-top:.75rem}.status-footer{border-top:1px solid var(--border);padding:1.5rem 0;text-align:center;color:var(--text-muted);font-size:.8rem}.loading{text-align:center;padding:3rem;color:var(--text-muted)}.alert-error{background:#fce8e8;color:#c62828;padding:1rem;border-radius:8px;text-align:center}.alert-warning{background:#fff8e1;color:#f57f17;padding:.75rem 1rem;border-radius:8px;text-align:center;margin-bottom:1rem;font-size:.9em}@media (max-width: 600px){.components-grid{grid-template-columns:1fr}.subscribe-form{flex-direction:column}.email-input,.subscribe-btn{width:100%}}