*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #f8fafc;--c-surface: #ffffff;--c-border: #e2e8f0;--c-border-light: #f1f5f9;--c-text: #1e293b;--c-text-secondary: #64748b;--c-text-muted: #94a3b8;--c-accent: #4f46e5;--c-accent-bg: #eef2ff;--c-ok: #10b981;--c-ok-bg: #ecfdf5;--c-warn: #f59e0b;--c-warn-bg: #fffbeb;--c-orange: #f97316;--c-orange-bg: #fff7ed;--c-danger: #ef4444;--c-danger-bg: #fef2f2;--c-info: #3b82f6;--c-info-bg: #eff6ff;--radius: 8px;--radius-sm: 4px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--c-bg);color:var(--c-text);line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:880px;margin:0 auto;padding:0 16px 40px}.header{padding:24px 0 12px;border-bottom:1px solid var(--c-border);margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.header h1{font-size:20px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.header h1 .dot{color:var(--c-accent)}.header .subtitle{font-size:13px;color:var(--c-text-secondary);margin-top:2px}.overall-status{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}.overall-status.ok{background:var(--c-ok-bg);color:#059669}.overall-status.maintenance{background:var(--c-accent-bg);color:var(--c-accent)}.overall-status.issues{background:var(--c-danger-bg);color:#dc2626}.tabs{display:flex;border-bottom:1px solid var(--c-border);margin-bottom:20px;gap:0}.tab{padding:10px 20px;font-size:14px;font-weight:400;cursor:pointer;border:none;border-bottom:2px solid transparent;color:var(--c-text-secondary);background:transparent;transition:all .15s;font-family:inherit}.tab:hover{color:var(--c-text)}.tab.active{font-weight:600;color:var(--c-text);border-bottom-color:var(--c-text)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);margin-bottom:16px;box-shadow:var(--shadow-sm)}.card-body{padding:16px 20px}.section-title{font-size:12px;font-weight:600;color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.service-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.service-name{display:flex;align-items:center;font-size:14px;font-weight:500}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;flex-shrink:0}.status-dot.operational{background:var(--c-ok)}.status-dot.degraded{background:var(--c-warn)}.status-dot.partial{background:var(--c-orange)}.status-dot.major{background:var(--c-danger)}.status-dot.maintenance{background:var(--c-accent)}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap;display:inline-block}.badge-operational{color:var(--c-ok);background:var(--c-ok-bg)}.badge-degraded{color:var(--c-warn);background:var(--c-warn-bg)}.badge-partial{color:var(--c-orange);background:var(--c-orange-bg)}.badge-major{color:var(--c-danger);background:var(--c-danger-bg)}.badge-maintenance{color:var(--c-accent);background:var(--c-accent-bg)}.badge-sev{font-size:11px;font-weight:700;color:#fff;padding:2px 8px;border-radius:var(--radius-sm);min-width:28px;text-align:center;display:inline-block}.badge-sev-0{background:var(--c-text-muted)}.badge-sev-A{background:var(--c-danger)}.badge-sev-B{background:var(--c-warn)}.badge-sev-C{background:var(--c-info)}.badge-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);display:inline-block}.badge-investigating{color:var(--c-danger);background:var(--c-danger-bg)}.badge-identified{color:var(--c-warn);background:var(--c-warn-bg)}.badge-monitoring{color:var(--c-info);background:var(--c-info-bg)}.badge-resolved{color:var(--c-ok);background:var(--c-ok-bg)}.incident-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.incident-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.incident-title{font-size:15px;font-weight:600}.incident-date{font-size:12px;color:var(--c-text-muted)}.incident-services{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}.service-tag{font-size:11px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--c-border-light);color:#475569}.timeline-toggle{background:none;border:none;color:var(--c-accent);font-size:12px;font-weight:600;cursor:pointer;padding:4px 0;font-family:inherit}.timeline{margin-top:12px;border-left:2px solid var(--c-border);padding-left:16px}.timeline-entry{margin-bottom:14px;position:relative}.timeline-entry:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-21px;top:4px;width:8px;height:8px;border-radius:50%;background:#cbd5e1}.timeline-entry:first-child .timeline-dot{background:var(--c-accent)}.timeline-meta{display:flex;align-items:center;gap:6px;margin-bottom:2px}.timeline-time{font-size:12px;font-weight:600;color:#475569}.timeline-text{font-size:13px;color:#334155;line-height:1.5}.form-card{border:2px solid var(--c-accent)}.form-title{font-size:16px;font-weight:600;margin-bottom:16px}.form-group{margin-bottom:12px}.form-label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:4px}.form-input,.form-textarea{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-family:inherit;color:var(--c-text);background:var(--c-surface);transition:border-color .15s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px #4f46e51a}.form-textarea{resize:vertical}.severity-options{display:flex;gap:6px}.severity-btn{flex:1;padding:6px 0;border:1px solid #cbd5e1;border-radius:6px;font-weight:700;font-size:13px;cursor:pointer;background:var(--c-surface);font-family:inherit;transition:all .15s}.severity-btn.selected{border-width:2px}.severity-btn[data-sev="0"]{color:var(--c-text-muted)}.severity-btn[data-sev="0"].selected{border-color:var(--c-text-muted);background:#f1f5f9}.severity-btn[data-sev=A]{color:var(--c-danger)}.severity-btn[data-sev=A].selected{border-color:var(--c-danger);background:var(--c-danger-bg)}.severity-btn[data-sev=B]{color:var(--c-warn)}.severity-btn[data-sev=B].selected{border-color:var(--c-warn);background:var(--c-warn-bg)}.severity-btn[data-sev=C]{color:var(--c-info)}.severity-btn[data-sev=C].selected{border-color:var(--c-info);background:var(--c-info-bg)}.component-options{display:flex;flex-wrap:wrap;gap:6px}.component-btn{padding:4px 10px;font-size:12px;border:1px solid #cbd5e1;border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-secondary);cursor:pointer;font-family:inherit;font-weight:400;transition:all .15s}.component-btn.selected{border-color:var(--c-accent);background:var(--c-accent-bg);color:#4f46e5;font-weight:600}.btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;border:none;transition:all .15s}.btn-primary{background:var(--c-accent);color:#fff}.btn-primary:hover{background:#4338ca}.btn-primary:disabled{background:#cbd5e1;cursor:default}.btn-secondary{background:var(--c-surface);color:var(--c-text-secondary);border:1px solid #cbd5e1}.btn-secondary:hover{background:var(--c-bg)}.btn-danger{background:var(--c-danger);color:#fff}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-btn{padding:6px 12px;font-size:12px;font-weight:400;border:1px solid #cbd5e1;border-radius:6px;background:var(--c-surface);color:var(--c-text-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.filter-btn.active{background:var(--c-text);color:#fff;border-color:var(--c-text);font-weight:600}.maint-schedule{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--c-text-secondary);margin-bottom:8px}.maint-desc{font-size:13px;color:#475569;line-height:1.5}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-title{font-size:18px;font-weight:600}.page-subtitle{font-size:13px;color:var(--c-text-secondary);margin:2px 0 16px}.notes-section{margin-top:16px;padding-top:12px;border-top:1px dashed var(--c-border)}.notes-title{font-size:12px;font-weight:600;color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.note-entry{padding:8px 12px;margin-bottom:6px;background:#f8fafc;border-radius:var(--radius-sm);border-left:3px solid var(--c-border)}.note-entry:last-child{margin-bottom:0}.note-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.note-author{font-size:12px;font-weight:600;color:var(--c-text)}.note-time{font-size:11px;color:var(--c-text-muted)}.note-text{font-size:13px;color:#334155;line-height:1.6;white-space:pre-wrap}.incident-linked-maint{font-size:12px;color:var(--c-text-secondary);padding:4px 0}.linked-incidents{margin:4px 0 8px;padding:8px 10px;background:var(--c-danger-bg);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px}.linked-incident-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.update-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--c-border-light)}.badge-maint-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);display:inline-block}.badge-maint-scheduled{color:var(--c-text-secondary);background:#f1f5f9}.badge-maint-in_progress{color:var(--c-accent);background:var(--c-accent-bg)}.badge-maint-verifying{color:var(--c-info);background:var(--c-info-bg)}.badge-maint-completed{color:var(--c-ok);background:var(--c-ok-bg)}.maint-banner{margin-bottom:16px;background:#f1f5f9;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}.maint-banner-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:13px;color:var(--c-text-secondary);text-align:left;transition:background .1s}.maint-banner-toggle:hover{background:#e9eef5}.maint-banner-icon{flex-shrink:0;font-size:14px}.maint-banner-summary{flex:1;font-weight:500}.maint-banner-chevron{flex-shrink:0;font-size:11px;color:var(--c-text-muted)}.maint-banner-detail{border-top:1px solid var(--c-border);padding:12px 14px;background:#f8fafc}.maint-banner-empty{font-size:13px;color:var(--c-text-muted)}.maint-banner-entry{padding:8px 0;border-bottom:1px solid var(--c-border-light)}.maint-banner-entry:last-child{border-bottom:none;padding-bottom:0}.maint-banner-entry:first-child{padding-top:0}.maint-banner-entry-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.maint-banner-entry-title{font-size:13px;font-weight:600;color:var(--c-text)}.maint-banner-entry-date{font-size:12px;color:var(--c-text-muted)}.maint-banner-entry-desc{font-size:12px;color:var(--c-text-secondary);margin-top:2px;line-height:1.4}.service-row-wrapper{border-bottom:1px solid var(--c-border-light)}.service-row-wrapper:last-child{border-bottom:none}.service-row-clickable{cursor:pointer}.service-row-clickable:hover{background:#fafbfc}.service-incident-hint{font-size:11px;color:var(--c-text-muted);font-weight:400;margin-left:8px}.service-incident-detail{padding:10px 16px 12px 34px;background:var(--c-bg);border-top:1px solid var(--c-border-light)}.service-incident-update{margin:4px 0 0;font-size:12px;color:var(--c-text-secondary);line-height:1.5}.service-incident-update-time{font-weight:600;color:#475569;margin-right:6px}.service-incident-impacted{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:6px 0 2px}.service-incident-impacted-label{font-size:11px;color:var(--c-text-muted);margin-right:2px}.service-incident-link{display:inline-block;margin-top:8px;padding:0;border:none;background:none;color:var(--c-accent);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:color .1s}.service-incident-link:hover{color:#4338ca}.calendar-strip-wrapper{margin-bottom:24px}.calendar-strip{padding:12px 8px;overflow-x:auto}.calendar-days{display:flex;gap:4px;min-width:max-content}.cal-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px 6px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;font-family:inherit;transition:all .15s;min-width:52px;position:relative}.cal-day:hover{background:var(--c-bg)}.cal-day.today{border-color:var(--c-accent);background:var(--c-accent-bg)}.cal-day.selected{background:var(--c-text);border-color:var(--c-text)}.cal-day.selected .cal-weekday,.cal-day.selected .cal-date,.cal-day.selected .cal-month{color:#fff}.cal-weekday{font-size:10px;font-weight:500;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.03em}.cal-date{font-size:16px;font-weight:700;color:var(--c-text);line-height:1.2}.cal-month{font-size:10px;color:var(--c-text-secondary)}.cal-indicator{width:6px;height:6px;border-radius:50%;margin-top:2px}.cal-indicator.none{visibility:hidden}.cal-indicator.sev-a{background:var(--c-danger)}.cal-indicator.sev-b{background:var(--c-warn)}.cal-indicator.sev-c{background:var(--c-info)}.cal-indicator.sev-0{background:var(--c-text-muted)}.cal-indicator.maint{background:var(--c-accent)}.cal-day.selected .cal-indicator.sev-a{background:#fca5a5}.cal-day.selected .cal-indicator.sev-b{background:#fcd34d}.cal-day.selected .cal-indicator.sev-c{background:#93c5fd}.cal-day.selected .cal-indicator.sev-0{background:#cbd5e1}.cal-day.selected .cal-indicator.maint{background:#a5b4fc}.calendar-detail{margin-top:8px}.calendar-detail-title{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--c-text);text-transform:capitalize}.cal-event{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--c-border-light)}.cal-event:last-child{border-bottom:none;padding-bottom:0}.cal-event:first-child{padding-top:0}.cal-event-title{font-size:13px;font-weight:500;color:var(--c-text)}.cal-event-duration{font-size:11px;color:var(--c-text-muted);margin-left:auto}.cal-event-time{font-size:11px;color:var(--c-text-secondary);margin-left:auto}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--c-bg)}.login-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:40px;text-align:center;box-shadow:var(--shadow-sm);max-width:400px;width:100%}.login-title{font-size:22px;font-weight:700;color:#0f172a;margin-bottom:4px}.login-subtitle{font-size:14px;color:var(--c-text-secondary);margin-bottom:28px}.login-button-wrapper{display:flex;justify-content:center}.login-error{margin-top:16px;font-size:13px;color:var(--c-danger)}.login-loading{font-size:14px;color:var(--c-text-secondary)}.header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-info{display:flex;align-items:center;gap:8px}.user-email{font-size:13px;color:var(--c-text-secondary)}.admin-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);background:var(--c-accent-bg);color:var(--c-accent)}.logout-btn{padding:4px 12px;font-size:12px;font-weight:500;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.logout-btn:hover{background:var(--c-bg);color:var(--c-text)}@media(max-width:600px){.header,.header-right,.incident-header{flex-direction:column;align-items:flex-start}.tabs{overflow-x:auto}}