:root{--bg-base: #0a0b0d;--bg-surface: #111214;--bg-elevated: #18191c;--bg-hover: #1f2124;--bg-row-alt: #0d0e10;--border-subtle: #1e2025;--border-default: #2a2d33;--border-strong: #3d4149;--text-primary: #f4f5f6;--text-secondary: #a8adb5;--text-muted: #6b7280;--text-dim: #4b5058;--accent-primary: #3b82f6;--accent-primary-dim: rgba(59, 130, 246, .12);--accent-primary-glow: rgba(59, 130, 246, .4);--status-ok: #10b981;--status-ok-dim: rgba(16, 185, 129, .1);--status-ok-glow: rgba(16, 185, 129, .5);--status-warn: #f59e0b;--status-warn-dim: rgba(245, 158, 11, .1);--status-warn-glow: rgba(245, 158, 11, .5);--status-error: #ef4444;--status-error-dim: rgba(239, 68, 68, .1);--status-error-glow: rgba(239, 68, 68, .5);--status-info: #6366f1;--status-info-dim: rgba(99, 102, 241, .1);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}:root.light{--bg-base: #f8f9fb;--bg-surface: #ffffff;--bg-elevated: #f3f4f6;--bg-hover: #e5e7eb;--bg-row-alt: #fafbfc;--border-subtle: #e5e7eb;--border-default: #d1d5db;--border-strong: #9ca3af;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-dim: #9ca3af;--accent-primary: #2563eb;--accent-primary-dim: rgba(37, 99, 235, .08);--status-ok: #059669;--status-ok-dim: rgba(5, 150, 105, .08);--status-ok-glow: rgba(5, 150, 105, .2);--status-warn: #d97706;--status-warn-dim: rgba(217, 119, 6, .08);--status-error: #dc2626;--status-error-dim: rgba(220, 38, 38, .08)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:var(--font-display);background-color:var(--bg-base);background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.04' stroke-width='1' font-family='monospace' font-size='8'%3E%3Ctext x='5' y='12' fill='%23ffffff' fill-opacity='0.04' stroke='none'%3E$_%3C/text%3E%3Ctext x='70' y='25' fill='%23ffffff' fill-opacity='0.04' stroke='none'%3E0x%3C/text%3E%3Ctext x='35' y='55' fill='%23ffffff' fill-opacity='0.04' stroke='none'%3E/%3E%3C/text%3E%3Ctext x='90' y='70' fill='%23ffffff' fill-opacity='0.04' stroke='none'%3E::%3C/text%3E%3Ctext x='10' y='85' fill='%23ffffff' fill-opacity='0.04' stroke='none'%3E[]%3C/text%3E%3Ctext x='55' y='95' fill='%23ffffff' fill-opacity='0.04' stroke='none'%3E%7B%7D%3C/text%3E%3Ctext x='100' y='40' fill='%23ffffff' fill-opacity='0.04' stroke='none'%3E*%3C/text%3E%3Ctext x='25' y='110' fill='%23ffffff' fill-opacity='0.04' stroke='none'%3E~%3C/text%3E%3Cpath d='M45 15 L55 15' stroke-linecap='round'/%3E%3Cpath d='M80 90 L90 90' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='45' r='3'/%3E%3Ccircle cx='105' cy='105' r='2'/%3E%3C/g%3E%3C/svg%3E");color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}:root.light body{background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.035' stroke-width='1' font-family='monospace' font-size='8'%3E%3Ctext x='5' y='12' fill='%23000000' fill-opacity='0.035' stroke='none'%3E$_%3C/text%3E%3Ctext x='70' y='25' fill='%23000000' fill-opacity='0.035' stroke='none'%3E0x%3C/text%3E%3Ctext x='35' y='55' fill='%23000000' fill-opacity='0.035' stroke='none'%3E/%3E%3C/text%3E%3Ctext x='90' y='70' fill='%23000000' fill-opacity='0.035' stroke='none'%3E::%3C/text%3E%3Ctext x='10' y='85' fill='%23000000' fill-opacity='0.035' stroke='none'%3E[]%3C/text%3E%3Ctext x='55' y='95' fill='%23000000' fill-opacity='0.035' stroke='none'%3E%7B%7D%3C/text%3E%3Ctext x='100' y='40' fill='%23000000' fill-opacity='0.035' stroke='none'%3E*%3C/text%3E%3Ctext x='25' y='110' fill='%23000000' fill-opacity='0.035' stroke='none'%3E~%3C/text%3E%3Cpath d='M45 15 L55 15' stroke-linecap='round'/%3E%3Cpath d='M80 90 L90 90' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='45' r='3'/%3E%3Ccircle cx='105' cy='105' r='2'/%3E%3C/g%3E%3C/svg%3E")}.control-bar{position:sticky;top:0;z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.control-bar-inner{padding:0 24px 0 0;height:56px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand-section{display:flex;align-items:center;gap:12px;padding-left:8px}.brand-status-indicator{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all .3s;position:relative}.brand-status-indicator .status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-dim);transition:all .3s}.brand-status-indicator .status-check-icon,.brand-status-indicator .status-alert-icon{width:18px;height:18px;position:absolute;display:none}.brand-status-indicator.loading .status-dot{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.brand-section.operational .brand-status-indicator{border-color:var(--status-ok);background:var(--status-ok-dim)}.brand-section.operational .status-dot{display:none}.brand-section.operational .status-check-icon{display:block;color:var(--status-ok)}.brand-section.degraded .brand-status-indicator{border-color:var(--status-warn);background:var(--status-warn-dim)}.brand-section.degraded .status-dot{display:none}.brand-section.degraded .status-alert-icon{display:block;color:var(--status-warn)}.brand-section.outage .brand-status-indicator{border-color:var(--status-error);background:var(--status-error-dim)}.brand-section.outage .status-dot{display:none}.brand-section.outage .status-alert-icon{display:block;color:var(--status-error)}.brand-info{display:flex;flex-direction:column;gap:1px}.brand-name{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:1px;color:var(--text-primary)}.brand-ai{color:var(--accent-primary)}.brand-status{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase}.brand-section.operational .brand-status{color:var(--status-ok)}.brand-section.degraded .brand-status{color:var(--status-warn)}.brand-section.outage .brand-status{color:var(--status-error)}.header-banner{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--accent-primary-dim);border:1px solid rgba(59,130,246,.2);border-radius:6px}.header-banner.hidden{display:none}.banner-text{font-size:12px;color:var(--text-muted)}.banner-text strong{color:var(--accent-primary)}.banner-dismiss{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;cursor:pointer;color:var(--text-dim);padding:0}.banner-dismiss:hover{color:var(--text-secondary)}.banner-dismiss svg{width:12px;height:12px}@media(max-width:900px){.header-banner{display:none}}.meta-section{display:flex;align-items:center;gap:16px}.header-time{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.5px}.live-dot{width:8px;height:8px;background:var(--status-ok);border-radius:50%;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .2s;position:relative}.theme-toggle:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.theme-toggle svg{width:16px;height:16px;position:absolute;transition:all .3s}.theme-icon-light{opacity:1;transform:rotate(0)}.theme-icon-dark{opacity:0;transform:rotate(-90deg) scale(.5)}:root.light .theme-icon-light{opacity:0;transform:rotate(90deg) scale(.5)}:root.light .theme-icon-dark{opacity:1;transform:rotate(0)}.nav-sidebar{position:fixed;top:56px;left:0;width:56px;height:calc(100vh - 56px);background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:50}.nav-sidebar-inner{display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px}.nav-link{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);border-radius:8px;text-decoration:none;transition:all .15s}.nav-link svg{width:18px;height:18px}.nav-link:hover,.nav-link.active{color:var(--accent-primary);background:var(--accent-primary-dim)}.nav-label{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:4px;font-family:var(--font-mono);font-size:11px;color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s;pointer-events:none}.nav-link:hover .nav-label{opacity:1;visibility:visible}@media(max-width:1024px){.nav-sidebar{display:none}}main.main-grid{height:calc(100vh - 56px);margin-left:56px;display:grid;grid-template-columns:280px 1fr 360px;gap:0;overflow:hidden}main:not(.main-grid){min-height:calc(100vh - 56px);margin-left:56px;padding:0}.status-panel{min-width:0;overflow-y:auto;overflow-x:hidden;position:relative;height:100%}@media(max-width:1600px){main.main-grid{grid-template-columns:260px 1fr 320px}}@media(max-width:1400px){main.main-grid{grid-template-columns:240px 1fr 300px}}@media(max-width:1200px){main.main-grid{grid-template-columns:1fr}.incidents-panel,.releases-panel{display:none}}@media(max-width:1024px){main.main-grid,main:not(.main-grid){margin-left:0}}.status-table-header{display:grid;grid-template-columns:100px 40px 200px 1fr 240px;gap:0;padding:0 24px;height:36px;background:var(--bg-elevated);border-bottom:1px solid var(--border-default);align-items:center;position:sticky;top:0;z-index:40}.status-table-header>div{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase}.th-vote{text-align:center}.th-status{padding-left:0}.th-provider{padding-left:16px}.th-services{padding-left:24px}.th-reports{text-align:center}.status-table{display:flex;flex-direction:column}.provider-row{display:grid;grid-template-columns:100px 40px 240px 1fr 280px;gap:0;padding:12px 24px;min-height:80px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;transition:background .15s;animation:row-appear .3s ease-out backwards;animation-delay:var(--delay)}.provider-row:nth-child(2n){background:var(--bg-row-alt)}.provider-row:hover{background:var(--bg-hover)}@keyframes row-appear{0%{opacity:0;transform:translate(-8px)}}.provider-row.expanded{background:var(--bg-elevated);border-bottom-color:transparent}.row-status{display:flex;align-items:center;justify-content:center}.status-bar{display:none}.status-pulse{width:10px;height:10px;border-radius:50%;background:var(--text-dim);transition:all .3s}.status-pulse[data-provider-status=loading]{animation:pulse 1.5s ease-in-out infinite}.status-pulse[data-provider-status=operational]{background:var(--status-ok);box-shadow:0 0 6px var(--status-ok-glow)}.status-pulse[data-provider-status=degraded]{background:var(--status-warn);box-shadow:0 0 6px var(--status-warn-glow)}.status-pulse[data-provider-status=outage]{background:var(--status-error);box-shadow:0 0 6px var(--status-error-glow);animation:status-flash .8s ease-in-out infinite}@keyframes status-flash{0%,to{opacity:1}50%{opacity:.4}}.provider-row[data-status=operational]{background:var(--bg-surface)}.provider-row[data-status=degraded]{background:#f59e0b08}.provider-row[data-status=outage]{background:#ef44440a}.provider-row:nth-child(2n)[data-status=operational]{background:var(--bg-row-alt)}.provider-row:nth-child(2n)[data-status=degraded]{background:#f59e0b0d}.provider-row:nth-child(2n)[data-status=outage]{background:#ef44440f}.row-provider{display:flex;align-items:center;gap:16px;padding-left:16px}.provider-info{flex:1;min-width:0}.provider-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.provider-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;color:var(--text-secondary);transition:color .15s}.provider-logo svg{width:100%;height:100%}.provider-link:hover .provider-logo{color:var(--accent-primary)}.provider-text{display:flex;flex-direction:column;gap:2px;min-width:0}.provider-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-primary);transition:color .15s}.provider-link:hover .provider-name{color:var(--accent-primary)}.provider-services-preview{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.provider-meta{display:flex;align-items:center;gap:6px}.meta-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-dim);border-radius:4px;transition:all .15s}.meta-link svg{width:14px;height:14px}.meta-link:hover{color:var(--accent-primary);background:var(--accent-primary-dim)}.row-services{padding-left:24px;position:relative}.services-summary{display:flex;align-items:center;gap:16px;cursor:pointer;padding:8px 0}.services-dots{display:flex;align-items:center;gap:4px}.summary-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);transition:all .2s}.summary-dot[data-status=operational]{background:var(--status-ok)}.summary-dot[data-status=degraded_performance],.summary-dot[data-status=partial_outage]{background:var(--status-warn)}.summary-dot[data-status=major_outage]{background:var(--status-error)}.summary-dot[data-status=under_maintenance]{background:var(--status-info)}.summary-more{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);padding:2px 6px;background:var(--bg-elevated);border-radius:3px}.services-count{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--status-ok)}.services-count.has-issues{color:var(--status-warn)}.services-count.has-outage{color:var(--status-error)}.expand-chevron{width:16px;height:16px;color:var(--text-dim);transition:transform .2s}.provider-row.expanded .expand-chevron{transform:rotate(180deg)}.services-panel{display:none;position:absolute;top:100%;left:0;right:-140px;background:var(--bg-surface);border:1px solid var(--border-default);border-top:none;border-radius:0 0 8px 8px;padding:12px 16px;z-index:30;box-shadow:0 8px 24px #0003}.provider-row.expanded .services-panel{display:block}.service-item{margin-bottom:4px}.service-item:last-child{margin-bottom:0}.service-main,.service-child{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;transition:background .15s}.service-main:hover,.service-child:hover{background:var(--bg-hover)}.service-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);flex-shrink:0;transition:all .2s}.service-dot[data-status=operational]{background:var(--status-ok)}.service-dot[data-status=degraded_performance],.service-dot[data-status=partial_outage]{background:var(--status-warn)}.service-dot[data-status=major_outage]{background:var(--status-error)}.service-dot[data-status=under_maintenance]{background:var(--status-info)}.service-name{flex:1;font-size:13px;color:var(--text-primary)}.service-name-link{color:inherit;text-decoration:none}.service-name-link:hover{color:var(--accent-primary)}.service-group-name{font-weight:600}.service-status-text{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.service-status-text[data-status=operational]{color:var(--status-ok)}.service-status-text[data-status=degraded_performance],.service-status-text[data-status=partial_outage]{color:var(--status-warn)}.service-status-text[data-status=major_outage]{color:var(--status-error)}.service-status-text[data-status=under_maintenance]{color:var(--status-info)}.service-children{margin-left:18px;padding-left:12px;border-left:1px solid var(--border-subtle)}.service-child{padding:6px 10px}.service-child .service-dot{width:6px;height:6px}.service-child .service-name{font-size:12px;color:var(--text-secondary)}.service-child .service-status-text{font-size:9px}.row-reports{display:flex;flex-direction:column;align-items:center;gap:6px}.report-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:500;transition:all .15s}.report-btn svg{width:14px;height:14px;flex-shrink:0}.report-btn-text{white-space:nowrap}.report-btn:hover,.report-btn.elevated{color:var(--status-warn);border-color:var(--status-warn);background:var(--status-warn-dim)}.report-btn.spike{color:var(--status-error);border-color:var(--status-error);background:var(--status-error-dim)}.report-count{min-width:12px;text-align:center}.report-timeline-mini{display:flex;align-items:flex-end;gap:3px;height:28px;padding:4px 8px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-subtle)}.timeline-tick{width:8px;height:3px;background:var(--border-default);border-radius:1px;transition:all .2s}.timeline-tick.active{background:var(--text-dim);height:8px}.timeline-tick.elevated{background:var(--status-warn);height:16px}.timeline-tick.spike{background:var(--status-error);height:24px}.row-vote{display:flex;justify-content:center}.vote-inline{display:flex;align-items:center;gap:4px;padding:4px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px}.vote-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;background:transparent;border:none;cursor:pointer;color:var(--text-dim);border-radius:4px;transition:all .15s}.vote-btn svg{width:14px;height:14px}.vote-btn:hover{background:var(--bg-hover)}.vote-btn.vote-up:hover,.vote-btn.vote-up.active{color:var(--status-ok)}.vote-btn.vote-down:hover,.vote-btn.vote-down.active{color:var(--status-error)}.vote-score{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-muted);min-width:24px;text-align:center}.vote-inline.positive .vote-score{color:var(--status-ok)}.vote-inline.negative .vote-score{color:var(--status-error)}.vote-hint{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:4px;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);white-space:nowrap;z-index:100;animation:hint-fade-in .2s ease-out}@keyframes hint-fade-in{0%{opacity:0;transform:translateY(-50%) translate(4px)}}.vote-hint.hiding{animation:hint-fade-out .2s ease-out forwards}@keyframes hint-fade-out{to{opacity:0;transform:translateY(-50%) translate(4px)}}.floating-report-btn{position:fixed;bottom:24px;left:80px;z-index:90;display:flex;align-items:center;gap:8px;padding:0;background:transparent;border:none;cursor:pointer}@media(max-width:1024px){.floating-report-btn{left:24px}}.report-btn-pulse{position:absolute;top:50%;left:20px;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--status-warn);border-radius:50%;opacity:0;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:.4}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.report-btn-inner{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--status-warn);border-radius:10px;box-shadow:0 4px 16px #f59e0b4d;transition:all .2s}.report-btn-inner svg{width:18px;height:18px;color:#000}.floating-report-btn:hover .report-btn-inner{transform:scale(1.05);box-shadow:0 6px 20px #f59e0b66}.report-btn-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:1px;color:var(--status-warn)}.report-modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0b0de6;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s}.report-modal-overlay.open{opacity:1;visibility:visible}.report-modal{position:relative;width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;transform:translateY(16px) scale(.98);transition:all .3s}.report-modal-overlay.open .report-modal{transform:translateY(0) scale(1)}.modal-scanner{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--status-warn),transparent);opacity:.6;animation:scanner 2.5s ease-in-out infinite}@keyframes scanner{0%,to{transform:translateY(0);opacity:0}10%{opacity:.6}50%{transform:translateY(150px);opacity:.6}60%{opacity:0}}.modal-corner{display:none}.modal-header{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.modal-status-ring{position:relative;width:44px;height:44px;flex-shrink:0}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--border-subtle);stroke-width:3}.ring-progress{fill:none;stroke:var(--status-warn);stroke-width:3;stroke-linecap:round;stroke-dasharray:138;stroke-dashoffset:138;animation:ring-draw .8s ease-out .2s forwards}@keyframes ring-draw{to{stroke-dashoffset:35}}.ring-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--status-warn)}.ring-icon svg{width:18px;height:18px}.modal-title-group{flex:1}.modal-title{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:2px;color:var(--text-primary);margin:0}.modal-subtitle{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin:3px 0 0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--text-dim);transition:all .15s}.modal-close:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-subtle)}.modal-close svg{width:16px;height:16px}.modal-body{position:relative;min-height:260px}.modal-step{position:absolute;inset:0;padding:16px 20px;opacity:0;visibility:hidden;transform:translate(20px);transition:all .25s;overflow-y:auto}.modal-step.active{position:relative;opacity:1;visibility:visible;transform:translate(0)}.modal-step.exiting{transform:translate(-20px)}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.step-number{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--status-warn);padding:3px 6px;background:var(--status-warn-dim);border-radius:3px}.step-label{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--text-secondary)}.optional-tag{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);text-transform:lowercase;letter-spacing:0;margin-left:4px}.step-back{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;color:var(--text-muted);transition:all .15s}.step-back:hover{color:var(--text-primary);border-color:var(--border-default)}.step-back svg{width:12px;height:12px}.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.provider-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .15s;position:relative}.provider-option:hover{background:var(--bg-hover);border-color:var(--border-default)}.provider-option.selected{border-color:var(--status-warn);background:var(--status-warn-dim)}.provider-option-logo{width:28px;height:28px;color:var(--text-secondary)}.provider-option-logo svg{width:100%;height:100%}.provider-option:hover .provider-option-logo,.provider-option.selected .provider-option-logo{color:var(--status-warn)}.provider-option-name{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.provider-option-indicator{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--border-subtle)}.provider-option.selected .provider-option-indicator{background:var(--status-warn)}.service-grid{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.service-option{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;transition:all .15s}.service-option:hover{background:var(--bg-hover);border-color:var(--border-default)}.service-option.selected{border-color:var(--status-warn);background:var(--status-warn-dim)}.service-option-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.service-option.selected .service-option-dot{background:var(--status-warn)}.service-option-name{flex:1;font-size:12px;color:var(--text-primary)}.service-option-check{width:14px;height:14px;color:var(--status-warn);opacity:0}.service-option.selected .service-option-check{opacity:1}.skip-service-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:10px;background:transparent;border:1px dashed var(--border-default);border-radius:6px;cursor:pointer;color:var(--text-muted);font-family:var(--font-display);font-size:12px;transition:all .15s}.skip-service-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-elevated)}.skip-service-btn svg{width:14px;height:14px}.confirm-summary{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.summary-label{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-primary)}.summary-divider{height:1px;background:var(--border-subtle);margin:10px 0}.summary-note{font-size:11px;color:var(--text-muted);line-height:1.5}.submit-report-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:16px;padding:14px 20px;background:var(--status-warn);border:none;border-radius:8px;cursor:pointer;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:2px;color:#000;transition:all .2s}.submit-report-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.submit-report-btn .btn-loading,.submit-report-btn .btn-success,.submit-report-btn.loading .btn-text{display:none}.submit-report-btn.loading .btn-loading{display:block}.submit-report-btn.success .btn-text{display:none}.submit-report-btn.success .btn-success{display:block}.submit-report-btn.success{background:var(--status-ok)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-loading svg,.btn-success svg{width:18px;height:18px}.modal-footer{display:flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--bg-base);border-top:1px solid var(--border-subtle)}.report-stats{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.stat-dot{width:5px;height:5px;border-radius:50%;background:var(--text-dim);animation:pulse 2s ease-in-out infinite}@media(max-width:1200px){.status-table-header{grid-template-columns:80px 32px 160px 1fr 180px}.provider-row{grid-template-columns:80px 32px 180px 1fr 220px}.provider-services-preview{max-width:140px}}@media(max-width:900px){.status-table-header{display:none}.provider-row{display:flex;flex-direction:column;padding:16px 20px;gap:12px;position:relative}.row-status{position:absolute;left:0;top:0;bottom:0;width:4px}.status-pulse{display:none}.row-provider,.row-services{padding-left:8px}.services-panel{position:relative;top:0;right:0;margin-top:8px;border-radius:8px;border:1px solid var(--border-default)}.row-reports{flex-direction:row;justify-content:space-between;padding-left:8px}.row-vote{justify-content:flex-start;padding-left:8px}}@media(max-width:768px){.control-bar-inner{padding:0 16px 0 8px}.brand-info{display:none}main{margin-left:0}}@media(max-width:520px){.report-modal-overlay{padding:16px;align-items:flex-end}.report-modal{border-radius:12px 12px 0 0}.provider-grid{grid-template-columns:1fr}.provider-option{flex-direction:row;padding:12px 14px}.provider-option-logo{width:24px;height:24px}}:root.light .control-bar{box-shadow:0 1px 3px #0000000d}:root.light .provider-row:hover{background:var(--bg-hover)}:root.light .services-panel{box-shadow:0 8px 24px #00000014}:root.light .status-pulse[data-provider-status=operational],:root.light .status-pulse[data-provider-status=degraded],:root.light .status-pulse[data-provider-status=outage]{box-shadow:none}:root.light .report-btn-inner{box-shadow:0 4px 16px #d9770633}:root.light .floating-report-btn:hover .report-btn-inner{box-shadow:0 6px 20px #d977064d}:root.light .vote-hint{box-shadow:0 4px 12px #0000001a}:root.light .report-modal-overlay{background:#f8f9fbe6}:root.light .report-modal{box-shadow:0 24px 48px #0000001a}body{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}}.releases-panel{display:flex;flex-direction:column;background:var(--bg-surface);border-left:1px solid var(--border-default);height:100%;overflow:hidden}.releases-header{padding:16px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.releases-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.releases-title-group{display:flex;flex-direction:column;gap:2px}.releases-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--text-primary);margin:0}.releases-icon{width:16px;height:16px;color:var(--accent-primary)}.releases-subtitle{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.5px}.releases-meta{display:flex;align-items:center}.releases-live-indicator{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1px;color:var(--status-ok)}.releases-live-dot{width:6px;height:6px;background:var(--status-ok);border-radius:50%;animation:live-pulse 2s ease-in-out infinite}.releases-filter{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);transition:all .15s}.filter-chip:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-hover)}.filter-chip.active{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-dim)}.filter-chip-logo{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.filter-chip-logo svg{width:100%;height:100%}.releases-feed{flex:1;overflow-y:auto;padding:0}.releases-feed::-webkit-scrollbar{width:6px}.releases-feed::-webkit-scrollbar-track{background:var(--bg-base)}.releases-feed::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.releases-feed::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.releases-loading{padding:16px 20px;display:flex;flex-direction:column;gap:20px}.release-skeleton{display:flex;flex-direction:column;gap:10px}.skeleton-date{width:100px;height:12px;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:3px}.skeleton-item{width:100%;height:16px;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:3px}.skeleton-item.short{width:70%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.release-entry{border-bottom:1px solid var(--border-subtle);animation:release-appear .3s ease-out backwards}.release-entry:last-child{border-bottom:none}@keyframes release-appear{0%{opacity:0;transform:translateY(8px)}}.release-date-header{display:flex;align-items:center;gap:10px;padding:12px 20px 8px;position:sticky;top:0;background:var(--bg-surface);z-index:5}.release-date-marker{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-primary-glow)}.release-date-text{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-primary);letter-spacing:.5px}.release-company-badge{display:flex;align-items:center;gap:4px;margin-left:auto;padding:3px 8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:3px;font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.release-company-badge-logo{width:10px;height:10px}.release-company-badge-logo svg{width:100%;height:100%}.release-items{padding:0 20px 12px;display:flex;flex-direction:column;gap:6px}.release-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:var(--bg-elevated);border-radius:6px;border:1px solid transparent;transition:all .15s;cursor:default}.release-item:hover{border-color:var(--border-subtle);background:var(--bg-hover)}.release-item-bullet{width:4px;height:4px;margin-top:6px;background:var(--text-dim);border-radius:50%;flex-shrink:0}.release-item-content{flex:1;font-size:12px;line-height:1.5;color:var(--text-secondary)}.release-item-content a{color:var(--accent-primary);text-decoration:none}.release-item-content a:hover{text-decoration:underline}.release-item-content strong,.release-item-content b{color:var(--text-primary);font-weight:600}.release-item-content code{font-family:var(--font-mono);font-size:11px;padding:1px 5px;background:var(--bg-base);border-radius:3px;color:var(--accent-primary)}.releases-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.releases-empty-icon{width:48px;height:48px;color:var(--text-dim);margin-bottom:16px}.releases-empty-text{font-family:var(--font-display);font-size:13px;color:var(--text-muted);margin-bottom:4px}.releases-empty-subtext{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.releases-footer{padding:12px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-muted);transition:all .15s}.load-more-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-default);background:var(--bg-hover)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.load-more-btn .load-more-spinner{display:none;width:14px;height:14px;animation:spin 1s linear infinite}.load-more-btn.loading .load-more-text{display:none}.load-more-btn.loading .load-more-spinner{display:block}:root.light .releases-panel{box-shadow:-1px 0 3px #00000005}:root.light .release-date-marker{box-shadow:none}:root.light .release-item{background:var(--bg-base)}.incidents-panel{display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-default);height:100%;overflow:hidden}.incidents-header{padding:16px 16px 12px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.incidents-title-group{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.incidents-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--text-primary);margin:0}.incidents-icon{width:16px;height:16px;color:var(--status-warn)}.incidents-subtitle{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.5px}.incidents-meta{display:flex;align-items:center;justify-content:flex-start}.incidents-count{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;font-family:var(--font-mono);font-size:11px}.incidents-count-num{font-weight:700;color:var(--status-ok)}.incidents-count-label{color:var(--text-dim)}.incidents-count.has-incidents .incidents-count-num{color:var(--status-warn)}.incidents-count.has-critical .incidents-count-num{color:var(--status-error)}.incidents-tabs{display:flex;gap:4px;padding:0 12px 12px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.incidents-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.incidents-tab svg{width:14px;height:14px}.incidents-tab:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-default)}.incidents-tab.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.incidents-tab.active svg{color:var(--accent)}.history-filters{display:flex;gap:8px;padding:12px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.history-filter-select{flex:1;padding:8px 10px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.history-filter-select:hover{border-color:var(--border-default)}.history-filter-select:focus{outline:none;border-color:var(--accent)}.history-list{flex:1;overflow-y:auto}.history-entry.resolved{opacity:.7}.history-entry.resolved .incident-title{text-decoration:line-through;text-decoration-color:var(--text-dim)}.history-entry .incident-status.status-resolved{color:var(--status-ok)}.load-more-history{display:block;width:calc(100% - 24px);margin:12px;padding:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.load-more-history:hover{background:var(--bg-hover);border-color:var(--border-default)}.incidents-feed{flex:1;overflow-y:auto;padding:0}.incidents-feed::-webkit-scrollbar{width:6px}.incidents-feed::-webkit-scrollbar-track{background:var(--bg-base)}.incidents-feed::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.incidents-feed::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.incidents-loading{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.incident-skeleton{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-elevated);border-radius:6px}.skeleton-badge{width:60px;height:16px;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:3px}.skeleton-title{width:100%;height:14px;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:3px}.skeleton-meta{width:80px;height:12px;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:3px}.incident-entry{padding:12px 16px;border-bottom:1px solid var(--border-subtle);animation:release-appear .3s ease-out backwards}.incident-entry:last-child{border-bottom:none}.incident-entry[data-impact=error]{border-left:3px solid var(--status-error)}.incident-entry[data-impact=warn]{border-left:3px solid var(--status-warn)}.incident-entry[data-impact=info]{border-left:3px solid var(--status-info)}.incident-entry[data-impact=ok]{border-left:3px solid var(--status-ok)}.incident-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.incident-impact{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:3px 6px;border-radius:3px}.incident-impact[data-impact=error]{color:var(--status-error);background:var(--status-error-dim)}.incident-impact[data-impact=warn]{color:var(--status-warn);background:var(--status-warn-dim)}.incident-impact[data-impact=info]{color:var(--status-info);background:var(--status-info-dim)}.incident-impact[data-impact=ok]{color:var(--status-ok);background:var(--status-ok-dim)}.incident-company{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.incident-company-logo{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.incident-company-logo svg{width:100%;height:100%}.incident-title{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-primary);margin:0 0 6px;line-height:1.4}.incident-meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px}.incident-status{color:var(--text-muted);text-transform:capitalize}.incident-time{color:var(--text-dim)}.incident-link{display:inline-block;margin-top:8px;font-family:var(--font-mono);font-size:10px;color:var(--accent-primary);text-decoration:none}.incident-link:hover{text-decoration:underline}.incidents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.incidents-empty-icon{width:40px;height:40px;color:var(--status-ok);margin-bottom:12px}.incidents-empty-text{font-family:var(--font-display);font-size:12px;color:var(--text-muted);margin-bottom:2px}.incidents-empty-subtext{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.incidents-footer{padding:10px 16px;border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.incidents-status{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.incidents-status .status-icon{width:14px;height:14px}.incidents-status.all-ok{color:var(--status-ok)}.incidents-status.has-issues{color:var(--status-warn)}:root.light .incidents-panel{box-shadow:1px 0 3px #00000005}