*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--surface-hover: #22263a;--border: #2a2e3e;--text: #e1e4ed;--text-muted: #8b8fa3;--operational: #22c55e;--degraded: #f59e0b;--major_outage: #ef4444;--maintenance: #3b82f6;--unknown: #6b7280;--accent: #6366f1;--sidebar-width: 240px;--card-bg: #1a1d27}[data-theme=light]{--bg: #f4f5f7;--surface: #ffffff;--surface-hover: #eef0f6;--border: #d1d5e0;--text: #1a1d27;--text-muted: #6b7280;--operational: #16a34a;--degraded: #d97706;--major_outage: #dc2626;--maintenance: #2563eb;--unknown: #6b7280;--accent: #4f46e5;--card-bg: #ffffff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;transition:transform .25s ease}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar-brand{font-size:22px;font-weight:800;color:var(--accent);letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.brand-logo{height:56px;width:auto;color:#fff}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;width:100%}.sidebar-item:hover{background:var(--surface-hover);color:var(--text)}.sidebar-item.active{background:#6366f11f;color:var(--accent)}.sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-label{white-space:nowrap}.sidebar-footer{padding:16px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px;border-radius:8px;cursor:pointer;transition:background .15s}.sidebar-user:hover{background:var(--surface-hover)}.sidebar-user-arrow{margin-left:auto;color:var(--text-muted);flex-shrink:0;transition:color .15s}.sidebar-user:hover .sidebar-user-arrow{color:var(--text)}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.sidebar-user-info{min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.sidebar-logout{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s;width:100%}.sidebar-logout:hover{background:#ef44441a;border-color:#ef44444d;color:var(--major_outage)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;padding:0 16px;gap:12px;z-index:100}.mobile-menu-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center}.mobile-brand{font-size:20px;font-weight:800;color:var(--accent);display:flex;align-items:center;gap:8px;flex:1}.correlation-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:#f59e0b14;border:1px solid rgba(245,158,11,.35)}.bell-btn{position:relative;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s}.bell-btn:hover{color:var(--text);background:var(--surface-hover)}.bell-badge{position:absolute;top:-3px;right:-3px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.dashboard-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;overflow-y:auto;overflow-x:hidden}.page-content{max-width:1200px;margin:0 auto;padding:28px 32px;overflow-x:hidden}.page-header{margin-bottom:24px}.page-header h1{font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.page-desc{font-size:14px;color:var(--text-muted);line-height:1.5}.last-updated{color:var(--text-muted)}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;margin-bottom:16px;min-width:0;max-width:100%}.content-card h2{font-size:16px;font-weight:600;margin-bottom:16px}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header-row h2{margin-bottom:0}.count-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#6366f11f;color:var(--accent)}.empty-state{text-align:center;padding:32px 16px;color:var(--text-muted)}.empty-icon{font-size:36px;margin-bottom:12px}.empty-state p{margin-bottom:4px}.text-muted-sm{color:var(--text-muted);font-size:13px}.summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:border-color .15s}.summary-card:hover{border-color:var(--accent)}.summary-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.operational{background:#22c55e1f;color:var(--operational)}.summary-icon.degraded{background:#f59e0b1f;color:var(--degraded)}.summary-icon.major_outage{background:#ef44441f;color:var(--major_outage)}.summary-icon.maintenance{background:#3b82f61f;color:var(--maintenance)}.summary-data .num{font-size:28px;font-weight:700;line-height:1.2}.summary-data .label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.monitor-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px}.monitor-status-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;transition:border-color .15s}.monitor-status-card:hover{border-color:var(--accent)}.monitor-status-card.major_outage{border-left:3px solid var(--major_outage)}.monitor-status-card.degraded{border-left:3px solid var(--degraded)}.monitor-status-card.maintenance{border-left:3px solid var(--maintenance)}.monitor-status-info{flex:1;min-width:0}.monitor-status-name{display:block;font-size:14px;font-weight:600}.monitor-incident-hint{display:block;font-size:11px;color:var(--degraded);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incidents-list{display:flex;flex-direction:column;gap:2px}.incident-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:6px;transition:background .1s}.incident-item:hover{background:var(--bg)}.incident-left{display:flex;align-items:center;gap:10px;min-width:0}.incident-details{min-width:0}.incident-service{display:block;font-size:14px;font-weight:600}.incident-title{display:block;font-size:12px;color:var(--degraded);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.incident-hint{font-size:11px;color:var(--degraded);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.incident-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.incident-time{font-size:12px;color:var(--text-muted);min-width:60px;text-align:right}.overview-tabs{display:flex;gap:4px;background:var(--card);border-radius:10px;padding:4px;border:1px solid var(--border)}.overview-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.overview-tab:hover{color:var(--text);background:#ffffff0a}.overview-tab.active{background:var(--accent);color:#fff}.history-group{margin-bottom:20px}.history-group:last-child{margin-bottom:0}.history-date{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:4px}.status-transition{display:flex;align-items:center;gap:2px;flex-shrink:0}.filters{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;min-width:0;max-width:100%}.filter-row{display:flex;gap:6px;flex-wrap:wrap;min-width:0;max-width:100%}.filter-btn{padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-muted);cursor:pointer;font-size:13px;transition:all .15s}.filter-btn:hover{background:var(--surface-hover);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-btn .badge{margin-left:6px;padding:1px 6px;border-radius:10px;background:#ffffff26;font-size:11px}.search{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:13px;width:220px}.search::placeholder{color:var(--text-muted)}.search:focus{outline:none;border-color:var(--accent)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px}.service-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s}.service-card:hover{border-color:var(--accent)}.service-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;gap:12px}.service-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.service-info{min-width:0;display:flex;flex-direction:column;gap:2px}.service-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-logo{width:24px;height:24px;border-radius:6px;object-fit:contain;background:#fff;flex-shrink:0}.logo-fallback{width:24px;height:24px;border-radius:6px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.service-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.operational{background:var(--operational)}.status-dot.degraded{background:var(--degraded)}.status-dot.major_outage{background:var(--major_outage)}.status-dot.maintenance{background:var(--maintenance)}.status-dot.unknown{background:var(--unknown)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-pill.operational{background:#22c55e26;color:var(--operational)}.status-pill.degraded{background:#f59e0b26;color:var(--degraded)}.status-pill.major_outage{background:#ef444426;color:var(--major_outage)}.status-pill.maintenance{background:#3b82f626;color:var(--maintenance)}.status-pill.unknown{background:#6b728026;color:var(--unknown)}.components-panel{border-top:1px solid var(--border);padding:12px 16px;max-height:300px;overflow-y:auto}.components-panel::-webkit-scrollbar{width:6px}.components-panel::-webkit-scrollbar-track{background:transparent}.components-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.component-group{margin-bottom:10px}.component-group-name{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.component-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:13px}.component-row .name{color:var(--text)}.no-components{font-size:12px;color:var(--text-muted);font-style:italic}.chevron{font-size:12px;color:var(--text-muted);transition:transform .2s;margin-left:4px}.loading{display:flex;justify-content:center;align-items:center;height:60vh;font-size:16px;color:var(--text-muted)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;width:100%;max-width:380px;margin:0 16px}.auth-logo-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px}.auth-logo-img{height:80px;width:auto}.auth-logo{font-size:28px;font-weight:700;text-align:center;margin-bottom:0}.auth-logo span{color:var(--accent)}.auth-subtitle{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:14px}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-error{padding:8px 12px;border-radius:6px;background:#ef44441a;color:var(--major_outage);font-size:13px;margin-top:12px}.auth-success{padding:8px 12px;border-radius:6px;background:#22c55e1a;color:var(--operational);font-size:13px;margin-top:12px}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-toggle{text-align:center;color:var(--text-muted);font-size:13px;margin-top:16px}.auth-toggle button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px}.btn-primary{padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:10px 16px;background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-secondary:hover{color:var(--text);border-color:var(--text-muted)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-current{padding:10px 16px;background:transparent;color:var(--operational);border:1px solid var(--operational);border-radius:6px;font-size:14px;font-weight:600;cursor:default}.btn-danger{padding:8px 16px;background:#ef444426;color:var(--major_outage);border:1px solid var(--major_outage);border-radius:6px;cursor:pointer;font-size:13px}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger-sm{padding:5px 12px;background:#ef44441a;color:var(--major_outage);border:1px solid rgba(239,68,68,.3);border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0}.btn-danger-sm:hover{background:#ef444433}.btn-primary-sm{padding:5px 12px;background:#6366f11a;color:var(--accent);border:1px solid rgba(99,102,241,.3);border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0}.btn-primary-sm:hover{background:#6366f133}.btn-primary-sm:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:14px}.input:focus{outline:none;border-color:var(--accent)}.input.input-error{border-color:var(--major_outage)}.btn-secondary-sm{padding:5px 12px;background:#6366f11a;color:var(--accent);border:1px solid rgba(99,102,241,.3);border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0}.btn-secondary-sm:hover{background:#6366f133}.btn-sm{padding:6px 14px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.btn-sm:hover{background:#5558e6}.btn-google{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px;text-decoration:none;transition:background .15s}.btn-google:hover{background:var(--surface-hover)}.btn-back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;margin-bottom:16px}.plan-badge{padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;text-transform:uppercase}.plan-badge.free{background:#6b728033;color:var(--text-muted)}.plan-badge.starter{background:#3b82f633;color:var(--maintenance)}.plan-badge.pro{background:#6366f133;color:var(--accent)}.plan-badge.business{background:#f59e0b33;color:var(--degraded)}.sidebar-upgrade{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;margin-bottom:14px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.sidebar-upgrade:hover{opacity:.9;transform:translateY(-1px)}.upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px}.upgrade-banner-text{display:flex;align-items:center;gap:8px;color:#f87171;font-size:13px;line-height:1.4}.upgrade-banner-text svg{flex-shrink:0;stroke:#f87171}.btn-upgrade{flex-shrink:0;padding:8px 18px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}.btn-upgrade:hover{opacity:.9;transform:translateY(-1px)}.cycle-toggle-wrap{display:flex;justify-content:center;margin-bottom:20px}.cycle-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:24px;overflow:hidden;width:fit-content;margin:0 auto}.cycle-toggle button{padding:8px 24px;background:var(--surface);color:var(--text-muted);border:none;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.cycle-toggle button.active{background:var(--accent);color:#fff}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tier-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.tier-card.current{border-color:var(--operational)}.tier-card.recommended{border-color:var(--accent)}.tier-badge{position:absolute;top:-10px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:10px}.tier-name{font-size:18px;font-weight:700;margin-bottom:4px;margin-top:4px}.tier-price{font-size:28px;font-weight:800;color:var(--accent);margin-bottom:2px}.tier-billed{font-size:11px;color:var(--text-muted);margin-bottom:12px}.tier-period{font-size:16px;font-weight:400;color:var(--text-muted)}.tier-features{list-style:none;padding:0;margin:12px 0 16px;font-size:13px;color:var(--text-muted);flex:1}.tier-features li{padding:3px 0}.tier-card button{width:100%;margin-top:auto}.account-info{display:flex;flex-direction:column;gap:10px}.account-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:6px 0;border-bottom:1px solid var(--border)}.account-row:last-child{border-bottom:none}.account-row .label{color:var(--text-muted);font-size:13px}.auth-badge{font-size:13px;color:var(--text)}.api-key-reveal{background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:16px;margin-bottom:16px}.key-display{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:10px 12px;overflow-x:auto}.key-display code{flex:1;font-size:13px;word-break:break-all;color:var(--accent)}.api-keys-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.api-key-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.key-hint{flex:1;font-size:13px;color:var(--text-muted)}.key-date{font-size:12px;color:var(--text-muted)}.monitor-limit{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted)}.monitor-list{display:flex;flex-direction:column;gap:6px;max-height:600px;overflow-y:auto}.monitor-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:13px;transition:border-color .15s}.monitor-item:hover{border-color:#6366f14d}.monitor-info{display:flex;align-items:center;gap:10px}.btn-remove{padding:5px 12px;background:#ef44441a;color:var(--major_outage);border:1px solid rgba(239,68,68,.3);border-radius:4px;cursor:pointer;font-size:12px}.btn-add{padding:5px 12px;background:#22c55e1a;color:var(--operational);border:1px solid rgba(34,197,94,.3);border-radius:4px;cursor:pointer;font-size:12px}.btn-add:disabled{opacity:.4;cursor:not-allowed}.btn-ack{padding:4px 10px;font-size:11px;font-weight:700;border-radius:5px;border:1px solid rgba(245,158,11,.5);background:#f59e0b1f;color:#f59e0b;cursor:pointer;letter-spacing:.3px;transition:background .15s}.btn-ack:hover{background:#f59e0b38}.btn-acked{padding:4px 10px;font-size:11px;font-weight:600;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s}.btn-acked:hover{background:#ef444414;color:#ef4444;border-color:#ef44444d}.monitor-item--alert{border-color:#f59e0b59;background:#f59e0b0a}.monitor-incident-title{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.mw-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.mw-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid var(--border);border-radius:8px;gap:12px}.mw-item--active{border-color:#818cf866;background:#818cf80d}.mw-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mw-service{font-size:13px;font-weight:600;color:var(--text)}.mw-title{font-size:12px;color:var(--text-muted)}.mw-range{font-size:11px;color:var(--text-muted)}.mw-active-badge{font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 7px;border-radius:4px;background:#818cf826;border:1px solid rgba(129,140,248,.4);color:#818cf8;text-transform:uppercase;white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:460px}.form-select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;box-sizing:border-box}.webhooks-list{display:flex;flex-direction:column;gap:10px}.webhook-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;transition:border-color .15s}.webhook-row:hover{border-color:#6366f14d}.webhook-info{flex:1;min-width:0}.webhook-url{display:block;font-size:13px;color:var(--accent);word-break:break-all;margin-bottom:8px}.webhook-slugs{display:flex;flex-wrap:wrap;gap:4px}.slug-tag{display:inline-block;padding:2px 8px;background:#6366f11a;color:var(--accent);border-radius:4px;font-size:11px;font-weight:500}.webhook-form h3{font-size:15px;font-weight:600;margin-bottom:12px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.form-input{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px}.form-input:focus{outline:none;border-color:var(--accent)}.form-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.form-error{padding:8px 12px;border-radius:6px;background:#ef44441a;color:var(--major_outage);font-size:13px;margin-top:8px}.form-success{padding:8px 12px;border-radius:6px;background:#22c55e1a;color:var(--operational);font-size:13px;margin-top:8px}.slug-options{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;padding:4px 0}.slug-option{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s}.slug-option:hover{border-color:var(--accent);color:var(--text)}.slug-option.selected{background:#6366f126;border-color:var(--accent);color:var(--accent)}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;color:var(--text);overflow-x:auto;line-height:1.6}.admin-page{min-height:100vh;background:var(--bg);padding:32px}.admin-header h1{display:flex;align-items:center;gap:10px;font-size:24px;color:var(--text);margin-bottom:24px}.admin-header h1 svg{color:var(--accent)}.admin-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px;width:fit-content}.admin-tabs button{padding:8px 20px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.admin-tabs button.active{background:var(--accent);color:#fff}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;text-align:center}.admin-stat-card.accent{border-color:#6366f14d}.admin-stat-card.warn{border-color:#f59e0b4d}.admin-stat-card.danger{border-color:#ef44444d}.admin-stat-card.revenue{border-color:#22c55e4d}.admin-stat-num{font-size:28px;font-weight:700;color:var(--text)}.admin-stat-card.accent .admin-stat-num{color:var(--accent)}.admin-stat-card.warn .admin-stat-num{color:#f59e0b}.admin-stat-card.danger .admin-stat-num{color:#ef4444}.admin-stat-card.revenue .admin-stat-num{color:var(--operational)}.admin-stat-label{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.3px}.plan-breakdown{display:flex;flex-direction:column;gap:10px;margin-top:12px}.plan-bar-row{display:flex;align-items:center;gap:12px}.plan-bar-label{width:80px;font-size:13px;color:var(--text-muted);text-align:right}.plan-bar-track{flex:1;height:24px;background:var(--bg);border-radius:6px;overflow:hidden}.plan-bar-fill{height:100%;border-radius:6px;transition:width .3s}.plan-bar-fill.free{background:#6b7280}.plan-bar-fill.starter{background:#6366f1}.plan-bar-fill.pro{background:#8b5cf6}.plan-bar-fill.business{background:#f59e0b}.plan-bar-count{width:32px;font-size:14px;font-weight:600;color:var(--text)}.admin-users-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.admin-search{flex:1;min-width:200px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.admin-search:focus{outline:none;border-color:var(--accent)}.admin-select{padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px}.admin-user-count{font-size:13px;color:var(--text-muted);margin-left:auto}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:var(--surface);padding:10px 14px;text-align:left;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border)}.admin-table td{padding:10px 14px;font-size:14px;color:var(--text);border-bottom:1px solid var(--border)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#6366f10a}.user-email{font-weight:500}.sub-status{font-size:12px;padding:2px 8px;border-radius:6px;font-weight:500}.sub-status.active{background:#22c55e1f;color:var(--operational)}.sub-status.inactive{background:#8b8fa31f;color:var(--text-muted)}.sub-status.past_due{background:#ef44441f;color:#ef4444}.sub-status.suspended{background:#f59e0b1f;color:#f59e0b}.settings-row{display:flex;align-items:center;gap:10px}.admin-input{width:100px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;text-align:center}.admin-input:focus{outline:none;border-color:var(--accent)}.settings-unit{font-size:14px;color:var(--text-muted)}.settings-msg{margin-top:10px;font-size:13px;font-weight:500}.settings-msg.ok{color:var(--operational)}.settings-msg.err{color:#ef4444}.settings-hints{margin-top:16px;display:flex;flex-direction:column;gap:4px}.hint-row{font-size:12px;color:var(--text-muted)}.hint-row strong{color:var(--text)}@media(max-width:768px){.admin-page{padding:16px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-users-toolbar{flex-direction:column}.admin-search{min-width:unset;width:100%}}.landing{min-height:100vh;background:var(--bg);overflow-x:hidden}.landing-nav{position:sticky;top:0;z-index:100;background:#0f1117d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.landing-nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.landing-brand{font-size:22px;font-weight:800;color:var(--accent);letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.landing-nav-links{display:flex;align-items:center;gap:24px}.landing-nav-links a{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s}.landing-nav-links a:hover{color:var(--text)}.btn-ghost{background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:color .15s,background .15s}.btn-ghost:hover{color:var(--text);background:var(--surface)}.btn-cta{display:inline-block;padding:12px 28px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .15s,transform .1s}.btn-cta:hover{background:#5558e6;transform:translateY(-1px)}.btn-cta-sm{display:inline-block;padding:8px 18px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.btn-cta-sm:hover{background:#5558e6}.btn-outline{display:inline-block;padding:12px 28px;background:transparent;color:var(--text);font-size:15px;font-weight:600;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.btn-outline:hover{border-color:var(--accent);background:#6366f10d}.hero{padding:100px 24px 80px;text-align:center}.hero-inner{max-width:800px;margin:0 auto}.hero-badge{display:inline-block;padding:6px 16px;background:#6366f11f;color:var(--accent);font-size:13px;font-weight:600;border-radius:20px;border:1px solid rgba(99,102,241,.25);margin-bottom:24px}.hero h1{font-size:56px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,var(--text) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:18px;color:var(--text-muted);max-width:560px;margin:0 auto 32px;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:48px}.hero-logos{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;opacity:.5}.hero-logo-img{width:32px;height:32px;border-radius:6px;object-fit:contain}.hero-saasbadge{display:flex;justify-content:center;margin-top:20px}.hero-saasbadge img{max-width:150px;width:auto;height:auto}.trust-strip{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 24px}.trust-strip-inner{max-width:1000px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}.trust-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.trust-num{font-size:22px;font-weight:800;color:var(--accent);letter-spacing:-.5px}.trust-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.trust-divider{width:1px;height:40px;background:var(--border)}.features-section{padding:80px 24px;text-align:center;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features-section h2,.how-section h2,.pricing-section h2,.cta-section h2,.faq-section h2{font-size:36px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.section-sub{color:var(--text-muted);font-size:16px;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:28px 24px;text-align:left;transition:border-color .15s,transform .1s}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}.feature-icon{font-size:28px;margin-bottom:12px}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--text-muted);line-height:1.5}.how-section{padding:80px 24px;text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:900px;margin:32px auto 0}.how-step{text-align:center}.how-num{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:18px;font-weight:800;border-radius:50%;margin-bottom:16px}.how-step h3{font-size:16px;font-weight:700;margin-bottom:8px}.how-step p{font-size:14px;color:var(--text-muted);line-height:1.5}.pricing-section{padding:80px 24px;text-align:center;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.faq-section{padding:80px 24px;max-width:900px;margin:0 auto}.faq-section h2{text-align:center;font-size:28px;margin-bottom:40px}.faq-grid{display:grid;gap:24px}.faq-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.faq-item h3{font-size:15px;margin:0 0 8px}.faq-item p{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0}.cta-section{padding:80px 24px;text-align:center}.cta-section p{color:var(--text-muted);font-size:16px;margin-bottom:32px}.landing-footer{border-top:1px solid var(--border);padding:32px 24px}.landing-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.landing-footer-links{display:flex;align-items:center;gap:20px}.landing-footer-links a{color:var(--text-muted);text-decoration:none;font-size:13px}.landing-footer-links a:hover{color:var(--text)}.landing-copyright{color:var(--text-muted);font-size:12px}.legal-page{min-height:100vh;background:var(--bg);color:var(--text)}.legal-nav{padding:16px 24px;border-bottom:1px solid var(--border)}.legal-content{max-width:780px;margin:0 auto;padding:40px 24px 80px;line-height:1.7}.legal-content h1{font-size:32px;font-weight:800;margin-bottom:4px}.legal-updated{color:var(--text-muted);font-size:13px;margin-bottom:32px}.legal-content h2{font-size:20px;font-weight:700;margin-top:36px;margin-bottom:12px;padding-top:16px;border-top:1px solid var(--border)}.legal-content h3{font-size:16px;font-weight:600;margin-top:20px;margin-bottom:8px}.legal-content p{font-size:14px;color:var(--text-muted);margin-bottom:12px}.legal-content ul{padding-left:24px;margin-bottom:12px}.legal-content li{font-size:14px;color:var(--text-muted);margin-bottom:6px;line-height:1.6}.legal-content code{background:#818cf81a;padding:2px 6px;border-radius:4px;font-size:13px}.legal-content a{color:#818cf8;text-decoration:none}.legal-content a:hover{text-decoration:underline}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:16px 24px;z-index:9999;box-shadow:0 -4px 20px #00000080}.cookie-banner-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cookie-banner-inner p{flex:1;margin:0;font-size:13px;color:var(--text-muted);line-height:1.5;min-width:200px}.cookie-banner-inner a{color:#818cf8;text-decoration:none}.cookie-banner-inner a:hover{text-decoration:underline}.cookie-banner-actions{display:flex;gap:8px;flex-shrink:0}@media(max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-topbar{display:flex}.dashboard-main{margin-left:0;padding-top:56px}.page-content{padding:20px 16px}.summary-bar{grid-template-columns:repeat(2,1fr)}.services-grid,.monitor-status-grid{grid-template-columns:1fr}.tier-grid{grid-template-columns:repeat(2,1fr)}.incident-title{max-width:150px}.filters{flex-direction:column;align-items:stretch}.filter-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;max-width:100%}.search{width:100%}.incident-item{flex-direction:column;align-items:flex-start;gap:8px}.incident-right{width:100%;justify-content:space-between}.webhook-row{flex-direction:column;gap:10px}.webhook-row .btn-danger-sm{align-self:flex-start}.api-key-row{flex-wrap:wrap;gap:8px}.key-display{flex-direction:column;gap:8px}.key-display code{font-size:12px}.account-row{flex-direction:column;align-items:flex-start;gap:4px}.admin-table-wrap{-webkit-overflow-scrolling:touch}.cycle-toggle button{padding:8px 16px;font-size:12px}}@media(max-width:640px){.summary-bar{grid-template-columns:1fr 1fr;gap:8px}.summary-card{padding:14px 12px}.summary-data .num,.page-header h1{font-size:22px}.service-header{flex-wrap:wrap;gap:8px}.service-meta{width:100%;justify-content:flex-end;flex-shrink:1}.tier-grid{grid-template-columns:1fr}.monitor-item{flex-direction:column;align-items:flex-start;gap:8px}.monitor-item .btn-remove,.monitor-item .btn-add{align-self:flex-end}.filter-btn{padding:5px 10px;font-size:12px}.filter-btn .badge{font-size:10px;padding:1px 5px}.content-card{padding:16px}.component-row{flex-wrap:wrap;gap:4px}.code-block{font-size:11px;padding:12px}.upgrade-banner{flex-direction:column;text-align:center}}@media(max-width:400px){.page-content{padding:16px 12px}.summary-bar{grid-template-columns:1fr}.page-header h1{font-size:20px}.status-pill{font-size:10px;padding:2px 8px}.service-header{padding:12px}.hero-actions{flex-direction:column;align-items:stretch}}@media(max-width:1024px)and (min-width:769px){.hero h1{font-size:44px;letter-spacing:-1.2px}}@media(max-width:768px){.hero{padding:60px 16px 48px}.hero h1{font-size:32px;letter-spacing:-1px}.hero-sub{font-size:15px}.features-grid,.how-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}.landing-nav-links{gap:8px}.landing-nav-links>a:not([class]){display:none}.btn-ghost{white-space:nowrap;padding:6px 10px}.btn-cta-sm{white-space:nowrap;padding:8px 14px;font-size:13px}.landing-footer-inner{flex-direction:column;text-align:center}.trust-divider{display:none}.trust-strip-inner{gap:20px}.trust-num{font-size:18px}.features-section,.how-section,.pricing-section,.cta-section,.faq-section{padding:48px 16px}.features-section h2,.how-section h2,.pricing-section h2,.cta-section h2,.faq-section h2{font-size:24px}.section-sub{font-size:14px;margin-bottom:32px}.tier-grid{grid-template-columns:1fr}.btn-cta,.btn-outline{padding:12px 20px;font-size:14px}.landing-nav-inner{padding:12px 16px}}.beta-banner{display:flex;align-items:center;gap:10px;padding:8px 24px;background:linear-gradient(90deg,#6366f12e,#8b5cf62e);border-bottom:1px solid rgba(99,102,241,.35);color:var(--text);font-size:13px;line-height:1.5;flex-wrap:wrap;justify-content:center;text-align:center}.beta-banner-pill{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px}.beta-banner-text a{color:var(--accent);font-weight:600;text-decoration:underline}.beta-banner-text a:hover{opacity:.85}.landing-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.landing-theme-toggle:hover{color:var(--text);border-color:var(--accent);background:#6366f114}.hero-fineprint{font-size:13px;color:var(--text-muted);margin-top:12px}.pricing-section--beta-blurred{position:relative;overflow:hidden}.pricing-section--beta-blurred .pricing-blur-target{filter:blur(6px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.pricing-blur-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;padding:20px}.pricing-blur-card{max-width:520px;text-align:center;padding:28px 32px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 40px #00000059;display:flex;flex-direction:column;align-items:center;gap:12px}.pricing-blur-card h3{margin:0;font-size:22px;letter-spacing:-.5px}.pricing-blur-card p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.6}.feedback-section{padding:80px 24px;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feedback-inner{max-width:720px;margin:0 auto;text-align:left}.feedback-section h2{text-align:center;font-size:32px;letter-spacing:-1px;margin-bottom:8px}.feedback-section .section-sub{text-align:center;margin-bottom:32px}.feedback-form{display:flex;flex-direction:column;gap:16px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px}.feedback-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feedback-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text);font-weight:600}.feedback-optional{color:var(--text-muted);font-weight:400}.feedback-field input,.feedback-field textarea{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-family:inherit}.feedback-field input:focus,.feedback-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f12e}.feedback-field textarea{resize:vertical;min-height:120px}.feedback-captcha-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.feedback-captcha{max-width:240px}.feedback-captcha input{width:120px}.feedback-reroll{font-size:12px;padding:8px 12px;border-radius:8px;border:1px solid var(--border)}.feedback-error{padding:10px 14px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:13px}.feedback-success{padding:24px;border-radius:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.35);color:var(--text);font-size:14px;line-height:1.6}@media(max-width:640px){.feedback-row{grid-template-columns:1fr}.feedback-captcha-row{flex-direction:column;align-items:stretch}.feedback-captcha{max-width:none}.feedback-captcha input{width:100%}}.api-endpoint{border-top:1px solid var(--border);padding:20px 0}.api-endpoint:first-of-type{border-top:none;padding-top:8px}.api-method-line{display:flex;align-items:center;gap:12px;margin-bottom:8px}.api-method{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.5px;color:#fff}.api-method.get{background:#22c55e}.api-method.post{background:#3b82f6}.api-method.delete{background:#ef4444}.api-path{font-size:15px;color:var(--text);background:none;padding:0}.api-desc{color:var(--text-muted);font-size:14px;margin-bottom:12px;line-height:1.5}.api-table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:13px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.api-table th{text-align:left;padding:8px 12px;background:#ffffff08;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border)}.api-table td{padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text);word-break:break-word}.api-table code{font-size:12px;background:#6366f11a;padding:2px 6px;border-radius:3px;color:#a5b4fc}.api-code{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;font-size:13px;color:var(--accent);overflow-x:auto;white-space:pre;margin:8px 0 16px;line-height:1.5;max-width:100%}.api-status-list{margin:8px 0 0}.api-status-list code{display:inline-block;margin:4px 6px 4px 0;font-size:12px;background:#6366f11a;padding:2px 8px;border-radius:3px;color:#a5b4fc}.api-endpoint h4{font-size:13px;color:var(--text-muted);margin:12px 0 4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.downgrade-page{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 24px;background:var(--bg)}.downgrade-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;width:100%;max-width:560px}.downgrade-header{text-align:center;margin-bottom:24px}.downgrade-logo{font-size:28px;font-weight:700;color:var(--accent);display:block;margin-bottom:16px}.downgrade-header h2{margin:0 0 8px;font-size:20px;color:var(--text)}.downgrade-header p{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0}.downgrade-section{margin-bottom:24px}.downgrade-section h3{font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}.downgrade-count{font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg);padding:2px 8px;border-radius:10px}.downgrade-list{display:flex;flex-direction:column;gap:6px}.downgrade-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);font-size:14px;text-align:left;transition:border-color .15s,background .15s}.downgrade-item:hover:not(.disabled){border-color:var(--accent)}.downgrade-item.selected{border-color:var(--accent);background:#6366f114}.downgrade-item.disabled{opacity:.4;cursor:not-allowed}.downgrade-item-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.downgrade-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.downgrade-item-check{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--accent)}.downgrade-note{background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:8px;padding:12px 16px;font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:24px}.downgrade-note strong{color:var(--text)}.downgrade-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.downgrade-actions .btn-primary{width:100%}.downgrade-upgrade-link{color:var(--accent);font-size:13px;text-decoration:none;cursor:pointer}.downgrade-upgrade-link:hover{text-decoration:underline}.alert-log-list{display:flex;flex-direction:column;gap:0}.alert-log-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.alert-log-row:last-child{border-bottom:none}.alert-log-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.alert-log-icon .provider-logo{width:28px;height:28px;border-radius:6px}.alert-log-info{flex:1;min-width:0}.alert-log-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alert-log-main strong{color:var(--text);font-size:14px}.alert-log-change{display:inline-flex;align-items:center;font-size:12px}.status-pill.mini{font-size:11px;padding:1px 8px}.alert-log-incident{color:#f59e0b;font-size:12px;margin-top:2px}.alert-log-meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:var(--text-muted)}.alert-log-channel{font-weight:600;font-size:11px}.alert-log-channel.webhook{color:#818cf8}.alert-log-channel.email{color:#34d399}.alert-log-dest{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.alert-log-failed{color:#ef4444;font-weight:600;font-size:11px;background:#ef44441a;padding:1px 6px;border-radius:4px}.alert-log-time{flex-shrink:0;color:var(--text-muted);font-size:12px;white-space:nowrap;padding-top:2px}@media(max-width:640px){.alert-log-dest{max-width:150px}.alert-log-main{flex-direction:column;align-items:flex-start;gap:4px}.api-table{font-size:12px}.api-table th,.api-table td{padding:6px 8px}.api-code{font-size:12px;padding:12px}.api-method-line{flex-wrap:wrap}.api-path{font-size:13px;word-break:break-all}}.notfound-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:24px}.notfound-content{text-align:center;max-width:480px}.notfound-code{font-size:120px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.notfound-title{font-size:28px;font-weight:600;color:var(--text);margin-bottom:12px}.notfound-text{color:var(--text-muted);font-size:16px;margin-bottom:32px;line-height:1.6}.notfound-links{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.notfound-link{color:var(--accent);text-decoration:none;font-size:14px}.notfound-link:hover{text-decoration:underline}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s;margin-bottom:8px;gap:8px;min-width:0}.sidebar-docs-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;width:100%;margin-bottom:8px;text-align:left}.sidebar-docs-link:hover{border-color:var(--accent);color:var(--accent);background:#6366f114}.sidebar-docs-link.active{border-color:var(--accent);color:var(--accent);background:#6366f11f}.theme-toggle:hover{background:var(--surface-hover);color:var(--text)}.theme-toggle-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcut-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.shortcut-help-modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:380px}.shortcut-help-modal h3{font-size:16px;margin-bottom:16px;color:var(--text)}.shortcut-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--text-muted)}.shortcut-row span:last-child{color:var(--text)}kbd{display:inline-block;padding:2px 8px;border-radius:5px;border:1px solid var(--border);background:var(--bg);font-family:monospace;font-size:12px;color:var(--text);font-weight:600}.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.btn-preset{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface-hover);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-preset:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#6366f114}.btn-preset:disabled{opacity:.5;cursor:not-allowed}.docs-page{max-width:none;padding-bottom:0}.docs-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start;margin-top:16px;min-height:600px}.docs-sidebar{position:sticky;top:16px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:14px 12px;overflow:hidden}.docs-search{position:relative;display:flex;align-items:center}.docs-search input{width:100%;padding:8px 30px 8px 12px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;font-size:13px}.docs-search input:focus{outline:none;border-color:var(--accent)}.docs-search-clear{position:absolute;right:6px;background:none;border:none;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px}.docs-search-clear:hover{color:var(--text)}.docs-nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:4px}.docs-nav-empty{font-size:13px;color:var(--text-muted);padding:12px 8px;margin:0}.docs-nav-section{display:flex;flex-direction:column}.docs-nav-title{text-align:left;background:none;border:none;color:var(--text);font-size:13px;font-weight:500;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background .12s}.docs-nav-title:hover{background:var(--surface-hover)}.docs-nav-section.active>.docs-nav-title{background:#6366f11f;color:var(--accent);font-weight:600}.docs-nav-sub{list-style:none;margin:4px 0 6px;padding:0 0 0 14px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:1px}.docs-nav-sub li a{display:block;font-size:12px;color:var(--text-muted);padding:5px 8px;border-radius:4px;text-decoration:none;line-height:1.35}.docs-nav-sub li a:hover{color:var(--text);background:var(--surface-hover)}.docs-content{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:28px 36px;max-height:calc(100vh - 80px);overflow-y:auto}.docs-article{font-size:14.5px;line-height:1.65;color:var(--text);max-width:820px}.docs-article h1{font-size:28px;font-weight:700;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--border);letter-spacing:-.01em}.docs-article h2{font-size:21px;font-weight:700;margin:36px 0 14px;scroll-margin-top:16px;letter-spacing:-.01em}.docs-article h3{font-size:16.5px;font-weight:600;margin:24px 0 10px;scroll-margin-top:16px;color:var(--text)}.docs-article h4{font-size:14.5px;font-weight:600;margin:18px 0 8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.docs-article p,.docs-article ul,.docs-article ol{margin:0 0 14px}.docs-article ul,.docs-article ol{padding-left:22px}.docs-article li{margin-bottom:4px}.docs-article a{color:var(--accent);text-decoration:none}.docs-article a:hover{text-decoration:underline}.docs-article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--bg);border:1px solid var(--border);padding:1px 5px;border-radius:4px;color:var(--accent)}.docs-article pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:14px 16px;overflow-x:auto;margin:14px 0 18px;font-size:12.5px;line-height:1.55}.docs-article pre code{background:none;border:none;padding:0;color:var(--text);font-size:inherit}.docs-article table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:13.5px}.docs-article table th,.docs-article table td{padding:8px 12px;border:1px solid var(--border);text-align:left;vertical-align:top}.docs-article table th{background:var(--surface-hover);font-weight:600}.docs-article blockquote{margin:14px 0;padding:10px 16px;border-left:3px solid var(--accent);background:#6366f10d;color:var(--text-muted);font-size:13.5px;border-radius:0 6px 6px 0}.docs-article blockquote p:last-child{margin-bottom:0}.docs-article hr{border:none;border-top:1px solid var(--border);margin:28px 0}.docs-article .docs-anchor{opacity:0;margin-right:8px;font-weight:400;color:var(--text-muted);transition:opacity .15s}.docs-article h2:hover .docs-anchor,.docs-article h3:hover .docs-anchor,.docs-article h4:hover .docs-anchor{opacity:1}@media(max-width:900px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static;max-height:none}.docs-content{max-height:none;padding:18px}}html,body{max-width:100%;overflow-x:clip}.dashboard-layout,.dashboard-main,.page-content,.sidebar-nav,.admin-overview,.admin-table-wrap,.modal-box,.summary-bar,.features-grid,.how-grid,.tier-grid,.account-row,.webhook-row,.api-key-row,.service-header,.monitor-item,.incident-item,.filter-row,.filters{min-width:0}.api-key-row code,.key-display code,.webhook-url,.incident-title,.service-name,.audit-target{overflow-wrap:anywhere;word-break:break-word}.admin-table th,.admin-table td{white-space:nowrap}pre,code,.code-block,.api-code{max-width:100%;overflow-x:auto;overflow-wrap:anywhere;word-break:break-word}pre,.code-block,.api-code{word-break:normal}img{max-width:100%;height:auto}@media(max-width:480px){.modal-box{max-width:calc(100vw - 24px);padding:18px}}@media(max-width:640px){.admin-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.admin-stat-card{padding:14px 10px}.admin-stat-num{font-size:22px}.admin-stat-label{font-size:11px}.admin-table th,.admin-table td{padding:8px 10px;font-size:12px}.admin-overview h2,.admin-overview h3{font-size:16px}}@media(max-width:400px){.admin-stats-grid{grid-template-columns:1fr}}