:root{--color-bg:#f8f9fa;--color-card:#ffffff;--color-text-primary:#1a1a1a;--color-text-secondary:#666666;--color-text-tertiary:#999999;--color-border:#e8e8e8;--color-success:#22c55e;--color-success-light:#f0fdf4;--color-danger:#ef4444;--color-danger-light:#fef2f2;--color-warning:#f59e0b;--color-warning-light:#fffbf0;--color-info:#06b6d4;--color-info-light:#f0fdfa;--color-grey-light:#f5f5f5;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.08);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}body.dark-mode{--color-bg:#0f172a;--color-card:#1e293b;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-border:#334155;--color-grey-light:#1e293b}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;transition:background-color .3s ease}.subscribe-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--color-bg)}.status-card{width:100%;max-width:1080px;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transition:var(--transition)}.status-card:hover{box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.status-title{font-size:28px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px;margin:0}.header-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.header-brand-logo{height:34px;width:auto;max-width:240px;object-fit:contain}.workspace-visit{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(34,197,94,.3);background:var(--color-success-light);color:var(--color-success);text-decoration:none;font-size:12px;font-weight:700;padding:7px 12px;border-radius:var(--radius-full);white-space:nowrap}.workspace-visit:hover{background:rgba(34,197,94,.16)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:700;white-space:nowrap;transition:var(--transition)}.status-badge.operational{background:var(--color-success-light);color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.status-badge.operational i{font-size:16px}.status-badge.degraded{background:var(--color-warning-light);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.status-badge.down{background:var(--color-danger-light);color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.status-badge.maintenance{background:var(--color-info-light);color:var(--color-info);border:1px solid rgba(6,182,212,.2)}.card-updated{padding:var(--spacing-md) var(--spacing-lg) 0;font-size:12px;color:var(--color-text-tertiary);font-weight:500}#last-updated{color:var(--color-text-secondary)}.maintenance-banner{margin:14px var(--spacing-lg) 0;border:1px solid rgba(6,182,212,.25);background:rgba(6,182,212,.08);color:var(--color-info);border-radius:var(--radius-md);padding:10px 12px;font-size:12px;font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.maintenance-banner i{font-size:13px}.maintenance-banner .maintenance-names{color:var(--color-text-secondary);font-weight:500}.maintenance-banner .maintenance-msg{width:100%;margin-top:4px;padding-top:6px;border-top:1px solid currentColor;opacity:.85;font-size:12px;font-weight:500;line-height:1.45;white-space:pre-wrap}.maintenance-banner.is-down{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.1);color:var(--color-down)}.maintenance-banner.is-degraded{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.1);color:var(--color-warning)}.workspace-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:10px var(--spacing-lg) 0}.workspace-brand-main{display:inline-flex;align-items:center;gap:10px;min-width:0}.workspace-brand-logo{width:24px;height:24px;border-radius:6px;object-fit:cover}.workspace-brand-name{font-size:12px;color:var(--color-text-secondary);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-brand-link{font-size:11px;color:var(--color-text-tertiary);text-decoration:none;border-bottom:1px solid transparent}.workspace-brand-link:hover{color:var(--color-success);border-bottom-color:rgba(34,197,94,.35)}.services-container{padding:var(--spacing-lg);min-height:200px}.services-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-group{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-card)}.service-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:10px 12px;background:var(--color-grey-light);border-bottom:1px solid var(--color-border)}.service-group-title-wrap{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.service-group-title{margin:0;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-secondary)}.service-group-count{font-size:11px;color:var(--color-text-tertiary)}.service-group-meta{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.service-group-uptime{font-size:11px;font-weight:600;color:var(--color-text-secondary)}.service-group-status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full)}.service-group-status.up{color:var(--color-success);background:var(--color-success-light)}.service-group-status.down{color:var(--color-danger);background:var(--color-danger-light)}.service-group-status.degraded{color:var(--color-warning);background:var(--color-warning-light)}.service-group-status.maintenance{color:var(--color-info);background:var(--color-info-light)}.service-group-body{display:flex;flex-direction:column}.service-row{display:grid;grid-template-columns:24px 1fr 90px 120px 78px;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-grey-light);transition:var(--transition);border:1px solid transparent;margin:6px;cursor:pointer}.service-row.has-sponsor{grid-template-columns:24px minmax(180px,1fr) minmax(180px,240px) 90px 120px 78px}.service-link{text-decoration:none;color:inherit}.service-row:hover{background:rgba(34,197,94,.05);border-color:var(--color-border)}.service-row:focus-visible{outline:2px solid var(--color-primary,#22c55e);outline-offset:2px}.service-dot{width:12px;height:12px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 4px rgba(34,197,94,.15);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.service-dot.down{background:var(--color-danger);box-shadow:0 0 0 4px rgba(239,68,68,.15)}.service-dot.degraded{background:var(--color-warning);box-shadow:0 0 0 4px rgba(245,158,11,.15)}.service-dot.maintenance{background:var(--color-info);box-shadow:0 0 0 4px rgba(6,182,212,.15)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.service-name{font-size:14px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-name-wrap{min-width:0;display:flex;flex-direction:column;gap:6px}.service-sponsor-col{display:flex;align-items:center;justify-content:center;min-width:0}.service-subtext{font-size:11px;color:var(--color-text-tertiary)}.monitor-sponsor-wrap{display:flex;align-items:center}.monitor-sponsor-link{text-decoration:none;display:inline-flex;align-items:center;max-width:100%}.monitor-sponsor-badge{display:inline-flex;align-items:center;gap:10px;max-width:100%;justify-content:center}.monitor-sponsor-logo{width:auto;height:36px;max-width:140px;border-radius:0;object-fit:contain;background:0 0;flex-shrink:0}.monitor-sponsor-text{display:block;min-width:0;font-size:11px;font-weight:700;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-mini-stats{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.mini-chip{font-size:10px;line-height:1;padding:4px 7px;border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-card);font-weight:600}.service-metric{text-align:center;font-size:13px;font-weight:700;color:var(--color-text-secondary)}.service-metric.uptime{color:var(--color-success);font-weight:800}.service-metric.uptime.uptime-near-bars{text-align:left}.service-metric.latency{color:var(--color-text-tertiary);font-size:12px}.uptime-mini-bars{display:flex;gap:3px;align-items:flex-end;justify-content:flex-end}.uptime-mini-bar{flex:none;width:4px;height:14px;background:var(--color-success);border-radius:2px;transition:var(--transition);opacity:1}.uptime-mini-bar.down{background:var(--color-danger)}.uptime-mini-bar.degraded{background:var(--color-warning)}.uptime-mini-bar.maintenance{background:var(--color-info)}.uptime-mini-bar.no-data{background:var(--color-border);opacity:.35}.uptime-mini-bar:hover{transform:scaleX(1.6)}.incidents-section{padding:0 var(--spacing-lg) var(--spacing-lg)}.incidents-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.incidents-header h2{margin:0;font-size:14px;font-weight:700;color:var(--color-text-secondary);letter-spacing:.02em}.incidents-view-all{font-size:12px;font-weight:700;color:var(--color-success);text-decoration:none;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.08);padding:6px 10px;border-radius:var(--radius-full)}.incidents-view-all:hover{background:rgba(34,197,94,.16)}.incidents-list{display:flex;flex-direction:column;gap:10px}.incident-card{border:1px solid var(--color-border);border-left:3px solid var(--color-border);background:var(--color-grey-light);border-radius:var(--radius-md);padding:12px}.incident-card.severity-critical,.incident-card.severity-major{border-left-color:var(--color-danger)}.incident-card.severity-minor{border-left-color:var(--color-warning)}.incident-card.severity-maintenance{border-left-color:var(--color-info)}.incident-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.incident-title{font-size:14px;font-weight:700;color:var(--color-text-primary)}.incident-meta{margin-top:6px;font-size:12px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.incident-message{margin-top:8px;font-size:13px;color:var(--color-text-secondary);line-height:1.45}.incident-updates-list{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:0}.incident-update{padding:8px 0;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.incident-update:last-child{border-bottom:none;padding-bottom:0}.incident-update-badge{display:inline-flex;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;border-radius:var(--radius-full);padding:2px 7px;border:1px solid transparent;white-space:nowrap}.incident-update-badge.status-identified,.incident-update-badge.status-investigating{background:var(--color-danger-light);color:var(--color-danger);border-color:rgba(239,68,68,.2)}.incident-update-badge.status-degraded,.incident-update-badge.status-monitoring{background:var(--color-warning-light);color:var(--color-warning);border-color:rgba(245,158,11,.2)}.incident-update-badge.status-resolved{background:var(--color-success-light);color:var(--color-success);border-color:rgba(34,197,94,.2)}.incident-update-badge.status-maintenance{background:var(--color-info-light);color:var(--color-info);border-color:rgba(6,182,212,.2)}.incident-update-time{font-size:11px;color:var(--color-text-muted,var(--color-text-secondary));white-space:nowrap}.incident-update-msg{width:100%;margin:2px 0 0;font-size:13px;color:var(--color-text-secondary);line-height:1.45}.incident-badge{display:inline-flex;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;border-radius:var(--radius-full);padding:4px 8px;border:1px solid transparent}.incident-badge.status-identified,.incident-badge.status-investigating{background:var(--color-danger-light);color:var(--color-danger);border-color:rgba(239,68,68,.2)}.incident-badge.status-degraded,.incident-badge.status-monitoring{background:var(--color-warning-light);color:var(--color-warning);border-color:rgba(245,158,11,.2)}.incident-badge.status-resolved{background:var(--color-success-light);color:var(--color-success);border-color:rgba(34,197,94,.2)}.incident-badge.status-maintenance{background:var(--color-info-light);color:var(--color-info);border-color:rgba(6,182,212,.2)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-grey-light)}.footer-content{font-size:12px;color:var(--color-text-tertiary);font-weight:500}.footer-content a{color:var(--color-success);text-decoration:none;font-weight:700}.footer-content a:hover{text-decoration:underline}.footer-actions{display:flex;gap:var(--spacing-sm)}.btn-icon-small{width:36px;height:36px;border-radius:var(--radius-md);background:0 0;border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-icon-small:hover{background:var(--color-grey-light);color:var(--color-text-primary);border-color:var(--color-success)}.btn{padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap}.btn-primary{background:var(--color-success);color:#fff}.btn-primary:hover{background:#16a34a;box-shadow:0 4px 12px rgba(34,197,94,.3);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.w-full{width:100%;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-overlay.hidden{display:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.modal-close{background:0 0;border:none;cursor:pointer;color:var(--color-text-tertiary);font-size:20px;display:flex;align-items:center;justify-content:center;transition:var(--transition);padding:var(--spacing-sm);border-radius:var(--radius-md)}.modal-close:hover{color:var(--color-text-primary);background:var(--color-grey-light)}.modal-body{padding:var(--spacing-lg)}.modal-body p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-group label{font-size:14px;font-weight:600;color:var(--color-text-primary)}.form-input{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);background:var(--color-grey-light);font-family:inherit;transition:var(--transition)}.form-input:focus{outline:0;border-color:var(--color-success);background:var(--color-card);box-shadow:0 0 0 3px rgba(34,197,94,.1)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-msg{font-size:13px;padding:10px 12px;border-radius:var(--radius-md);background:rgba(34,197,94,.1);color:var(--color-success);border:1px solid rgba(34,197,94,.2);display:none}.form-msg.hidden{display:none!important}@media (max-width:768px){.app-container{padding:var(--spacing-md)}.status-card{border-radius:var(--radius-md)}.card-header{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-md)}.status-title{font-size:24px}.header-brand-logo{height:30px;max-width:180px}.workspace-visit{font-size:11px;padding:6px 10px}.status-badge{padding:6px 12px;font-size:12px}.service-row{grid-template-columns:20px 1fr 70px 96px 64px;gap:var(--spacing-sm);padding:12px;font-size:13px}.service-row.has-sponsor{grid-template-columns:20px minmax(150px,1fr) minmax(140px,200px) 70px 96px 64px}.monitor-sponsor-badge{gap:8px}.monitor-sponsor-logo{height:30px;max-width:120px}.workspace-brand{padding:8px var(--spacing-md) 0}.workspace-brand-link{display:none}.service-metric{font-size:12px}.uptime-mini-bars{height:20px}.card-footer{flex-direction:column;align-items:flex-start;padding:var(--spacing-md)}.footer-actions{width:100%;justify-content:flex-start}}@media (max-width:480px){.status-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.card-header{flex-direction:column;align-items:flex-start;padding:var(--spacing-lg) var(--spacing-md)}.status-title{font-size:20px}.header-brand-logo{height:28px;max-width:150px}.status-badge{align-self:flex-start}.service-row{grid-template-columns:16px 1fr 60px;gap:var(--spacing-xs);padding:10px}.service-row.has-sponsor{grid-template-columns:16px minmax(0,1fr) 60px;grid-template-areas:"dot name uptime" ". sponsor sponsor";row-gap:8px}.service-row.has-sponsor .service-dot{grid-area:dot}.service-row.has-sponsor .service-name-wrap{grid-area:name}.service-row.has-sponsor .service-sponsor-col{grid-area:sponsor;justify-content:flex-start}.service-row.has-sponsor .service-metric.uptime{grid-area:uptime}.service-row.has-sponsor .monitor-sponsor-badge{justify-content:flex-start;gap:8px}.service-row.has-sponsor .monitor-sponsor-logo{height:28px;max-width:110px}.incidents-section{padding:0 var(--spacing-md) var(--spacing-md)}.service-group-header{padding:8px 10px}.service-mini-stats{display:none}.uptime-mini-bars{display:none}.service-metric.latency{display:none}}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-success);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}body.dark-mode .service-row{background:rgba(0,0,0,.2)}body.dark-mode .service-row:hover{background:rgba(34,197,94,.08)}body.dark-mode .card-footer{background:rgba(0,0,0,.2)}body.dark-mode .maintenance-banner{border-color:rgba(34,211,238,.28);background:rgba(6,182,212,.14);color:#67e8f9}body.dark-mode .maintenance-banner.is-down{border-color:rgba(248,113,113,.35);background:rgba(239,68,68,.18);color:#fca5a5}body.dark-mode .maintenance-banner.is-degraded{border-color:rgba(251,191,36,.35);background:rgba(245,158,11,.18);color:#fcd34d}