.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{--color-bg:#faf8f6;--color-surface:#fff;--color-surface-elevated:#f1f5f9;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-primary:#f19030;--color-primary-hover:#d97b1e;--color-primary-bg:#fef3e2;--color-blush:#ffd4d4;--color-blush-bg:#fff5f5;--color-up:#10b981;--color-up-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-down:#ef4444;--color-down-bg:#fef2f2;--color-info:#f19030;--color-info-bg:#fef3e2;--color-muted:#94a3b8;--color-muted-bg:#f1f5f9;--sidebar-width:240px;--header-height:0px;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014;--shadow-lg:0 4px 12px #0000001a;--font-display:"Bricolage Grotesque", "DM Sans", sans-serif;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Fira Mono", monospace}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-border:#334155;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-primary-bg:#3d2810;--color-blush:#3b2028;--color-blush-bg:#2a1a1a;--color-up-bg:#064e3b;--color-warning-bg:#451a03;--color-down-bg:#450a0a;--color-info-bg:#3d2810;--color-muted-bg:#1e293b;--shadow:0 1px 3px #0000004d;--shadow-lg:0 4px 12px #0006}[data-theme=oled]{--color-bg:#000;--color-surface:#0a0a0a;--color-surface-elevated:#1a1a1a;--color-border:#222;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-primary-bg:#1a1000;--color-blush:#1a0a10;--color-blush-bg:#100808;--color-up-bg:#021a10;--color-warning-bg:#1a0a00;--color-down-bg:#1a0505;--color-info-bg:#1a1000;--color-muted-bg:#0a0a0a;--shadow:none;--shadow-lg:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.logo{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.ws-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ws-status.connected{background:var(--color-up);box-shadow:0 0 6px var(--color-up)}.ws-status.disconnected{background:var(--color-muted)}.sidebar-org{color:var(--color-text-secondary);padding:0 20px 16px;font-size:.8125rem;font-weight:500}.sidebar-nav{flex:1;padding:0 8px}.nav-item{border-radius:var(--radius);color:var(--color-text-secondary);align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--color-muted-bg);color:var(--color-text);text-decoration:none}.nav-item.active{background:var(--color-primary-bg);color:var(--color-primary)}.nav-icon{flex-shrink:0;width:18px;height:18px;display:flex}.nav-icon svg{width:100%;height:100%}.nav-label{white-space:nowrap}.nav-badge{background:var(--color-primary,#e67e22);color:#fff;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.6875rem;font-weight:700;line-height:1;display:flex}.sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.user-email{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.btn-logout{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:6px 12px;font-size:.8125rem;transition:border-color .15s,color .15s}.btn-logout:hover{border-color:var(--color-down);color:var(--color-down)}.sidebar-footer-actions{align-items:center;gap:8px;display:flex}.btn-theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.btn-theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.sidebar-footer-actions .btn-logout{flex:1}.toggle-switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:22px;transition:background .2s,border-color .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--color-text-secondary);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary);border-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translate(18px)}.main-content{margin-left:var(--sidebar-width);flex:1;max-width:1200px;padding:32px;overflow-x:hidden}.bottom-nav{display:none}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:16px 16px 80px}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;padding:4px 0;padding-bottom:env(safe-area-inset-bottom,4px);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:8px 4px;font-size:.6875rem;text-decoration:none;display:flex}.bottom-nav-item .nav-icon{width:20px;height:20px}.bottom-nav-item.active{color:var(--color-primary)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:20px;overflow:hidden}.card h3{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.875rem;font-weight:600}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.2}.page-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:.875rem}.page-actions{flex-shrink:0;gap:8px;display:flex}.btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--color-muted-bg);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-success{background:var(--color-up);border-color:var(--color-up);color:#fff}.btn-warning{background:var(--color-warning);border-color:var(--color-warning);color:#fff}.btn-danger{background:var(--color-down);border-color:var(--color-down);color:#fff}.btn-sm{padding:4px 10px;font-size:.8125rem}.btn-xs{padding:2px 8px;font-size:.75rem}.btn-full{width:100%}.btn-action{flex:1;min-height:48px;padding:14px 20px;font-size:1rem;font-weight:600}.btn-group{gap:6px;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-sm{padding:1px 6px;font-size:.6875rem}.badge-lg{padding:4px 14px;font-size:.9375rem}.badge-up{background:var(--color-up-bg);color:var(--color-up)}.badge-down{background:var(--color-down-bg);color:var(--color-down)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-muted{background:var(--color-muted-bg);color:var(--color-muted)}.form-group{margin-bottom:16px}.form-group label{color:var(--color-text-secondary);margin-bottom:4px;font-size:.8125rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);padding:8px 12px;font-size:.875rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.form-group textarea{font-family:var(--font-mono);resize:vertical}.form-check label{cursor:pointer;align-items:center;gap:8px;display:flex}.form-check input[type=checkbox]{width:auto}label.required:after{content:" *";color:var(--color-down);font-weight:400}.form-optional{color:var(--color-text-muted);margin-left:4px;font-size:.75rem;font-weight:400}.form-error{background:var(--color-down-bg);color:var(--color-down);border-radius:var(--radius-sm);margin-bottom:16px;padding:8px 12px;font-size:.875rem}.tabs{border-bottom:1px solid var(--color-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;margin-bottom:20px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 16px;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-count{background:var(--color-muted-bg);border-radius:9999px;margin-left:6px;padding:0 6px;font-size:.75rem}.search-input{max-width:320px;position:relative}.search-input .search-icon{width:16px;height:16px;color:var(--color-text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);padding:8px 12px 8px 34px;font-size:.875rem}.search-input input:focus{border-color:var(--color-primary);outline:none}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:8px 12px;font-size:.875rem}.filter-select:focus{border-color:var(--color-primary);outline:none}.modal select,.sp-layout-monitor select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;padding:8px 12px;font-size:.875rem}.modal select:focus,.sp-layout-monitor select:focus{border-color:var(--color-primary);outline:none}.loading-screen,.loading-page{min-height:200px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:var(--color-down-bg);border:1px solid var(--color-down);border-radius:var(--radius);color:var(--color-down);text-align:center;padding:16px}.error-message .btn{margin-top:8px}.empty-state{text-align:center;color:var(--color-text-secondary);padding:48px 24px}.empty-state h3{margin-bottom:8px;font-size:1.125rem}.empty-state p{color:var(--color-text-muted);font-size:.875rem}.text-muted{color:var(--color-text-muted);font-size:.8125rem}.auth-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:32px}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{font-family:var(--font-display)}.auth-header p{color:var(--color-text-secondary);margin-top:8px;font-size:.875rem}.auth-footer{text-align:center;color:var(--color-text-secondary);margin-top:16px;font-size:.875rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=768px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{text-align:center}.stat-value{font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:.8125rem}.stat-up .stat-value{color:var(--color-up)}.stat-down .stat-value{color:var(--color-down)}.stat-degraded .stat-value{color:var(--color-warning)}.stat-alerts .stat-value{color:var(--color-down)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-section{min-height:0}.monitor-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.monitor-tile{border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:12px;text-decoration:none;transition:transform .1s;display:flex}.monitor-tile:hover{text-decoration:none;transform:translateY(-1px)}.monitor-tile.status-up{background:var(--color-up-bg);color:var(--color-up)}.monitor-tile.status-down{background:var(--color-down-bg);color:var(--color-down)}.monitor-tile.status-degraded{background:var(--color-warning-bg);color:var(--color-warning)}.monitor-tile.status-paused,.monitor-tile.status-unknown{background:var(--color-muted-bg);color:var(--color-muted)}.monitor-tile-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.monitor-tile-type{opacity:.7;font-size:.6875rem}.alert-list-compact,.oncall-compact{flex-direction:column;gap:6px;display:flex}.alert-row{border-radius:var(--radius-sm);color:var(--color-text);align-items:center;gap:10px;padding:8px;text-decoration:none;transition:background .15s;display:flex}.alert-row:hover{background:var(--color-muted-bg);text-decoration:none}.alert-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:500;overflow:hidden}.alert-row-time{color:var(--color-text-muted);flex-shrink:0;font-size:.75rem}.oncall-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.oncall-row:last-child{border-bottom:none}.oncall-team{font-size:.875rem;font-weight:500}.oncall-user{color:var(--color-text-secondary);font-size:.8125rem}.monitor-list{gap:12px;display:grid}.monitor-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.monitor-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow);text-decoration:none}.monitor-card-row{align-items:center;gap:14px;display:flex}.monitor-card-body{flex:1;min-width:0}.monitor-card-name{margin-bottom:2px;font-size:1rem;font-weight:600}.monitor-card-subtitle{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.8125rem;overflow:hidden}.monitor-card-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.monitor-card-uptime{font-family:var(--font-mono);white-space:nowrap;font-size:.9375rem;font-weight:600}.mini-uptime-bar{flex-shrink:0;align-items:flex-end;gap:2px;height:32px;display:flex}.mini-bar-seg{border-radius:2px;width:5px;height:32px}.mini-bar-seg.bar-up{background:var(--color-up)}.mini-bar-seg.bar-degraded{background:var(--color-warning)}.mini-bar-seg.bar-down{background:var(--color-down)}.mini-bar-seg.bar-empty{background:var(--color-muted-bg)}@media (width<=768px){.monitor-card-row{gap:10px}.monitor-card-right{gap:8px}.monitor-card-uptime{font-size:.8125rem}.mini-uptime-bar{display:none}}.monitor-card-labels{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.label-tag{background:var(--color-muted-bg);color:var(--color-text-secondary);border-radius:9999px;padding:1px 8px;font-size:.75rem;display:inline-flex}.monitor-status-row{align-items:center;gap:12px;margin-bottom:24px;display:flex}.monitor-endpoint{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.875rem}.detail-grid{gap:20px;display:grid}.latency-chart{width:100%;min-height:200px;overflow:hidden}.latency-chart .uplot{width:100%!important}.latency-chart .u-title,.latency-chart .u-legend th,.latency-chart .u-legend td{color:var(--color-text-secondary);font-size:.75rem}.latency-chart .u-legend .u-value{color:var(--color-text)}.latency-chart .u-series>*{font-size:.75rem}.uptime-bar-container{margin-bottom:12px}.uptime-bar{border-radius:var(--radius-sm);gap:1px;height:24px;display:flex;overflow:hidden}.uptime-bar-segment{flex:1;min-width:2px;transition:opacity .15s}.uptime-bar-segment:hover{opacity:.7}.bar-up{background:var(--color-up)}.bar-down{background:var(--color-down)}.bar-empty{background:var(--color-muted-bg)}.uptime-bar-label{color:var(--color-text-muted);justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);padding:8px 12px;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);padding:8px 12px}.data-table select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:4px 8px;font-size:.8125rem}.data-table select:focus{border-color:var(--color-primary);outline:none}.data-table tr:last-child td{border-bottom:none}.check-detail{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.8125rem;overflow:hidden}.checks-explorer{grid-column:1/-1}.checks-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.checks-retention{font-size:.8125rem}.checks-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.checks-range-btns{gap:4px;display:flex}.filter-select-sm{min-width:auto;padding:4px 8px;font-size:.8125rem}.checks-pagination{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;font-size:.8125rem;display:flex}.retention-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px;display:grid}.retention-stat{background:var(--color-surface-elevated);border-radius:8px;padding:12px}.retention-stat dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem}.retention-stat dd{margin:0;font-size:1.25rem;font-weight:600}.config-list{grid-template-columns:auto 1fr;gap:4px 16px;display:grid}.config-list dt{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.config-list dd{font-size:.8125rem;font-family:var(--font-mono)}.alert-list{gap:8px;display:grid}.alert-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:flex}.alert-card:hover{border-color:var(--color-primary);text-decoration:none}.alert-card-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.alert-card-info{min-width:0}.alert-card-info h4{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.alert-card-detail{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.alert-card-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-width:180px;display:flex}.alert-card-time{color:var(--color-text-muted);font-size:.75rem}.alert-detail{padding-bottom:80px}.alert-hero{border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:20px;padding:20px;display:flex}.alert-hero.severity-critical{background:var(--color-down-bg);border:2px solid var(--color-down)}.alert-hero.severity-warning{background:var(--color-warning-bg);border:2px solid var(--color-warning)}.alert-hero.severity-info{background:var(--color-info-bg);border:2px solid var(--color-info)}.alert-detail-body{gap:16px;display:grid}.alert-monitor-info h2{font-size:1.25rem;font-weight:700}.alert-monitor-type{color:var(--color-text-secondary);font-size:.8125rem}.alert-error{font-family:var(--font-mono);background:var(--color-muted-bg);border-radius:var(--radius-sm);word-break:break-all;padding:12px;font-size:.875rem}.alert-duration strong{font-size:1.125rem}.alert-actions-bar{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:101;padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000001a}@media (width<=768px){.alert-actions-bar{padding-bottom:12px;bottom:56px}}@media (width>=769px){.alert-actions-bar{left:var(--sidebar-width);max-width:1200px}.alert-detail{padding-bottom:100px}}.check-list-compact{flex-direction:column;gap:6px;display:flex}.check-row-compact{align-items:center;gap:10px;font-size:.8125rem;display:flex}.timeline{padding-left:20px;position:relative}.timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:5px}.timeline-event{padding-bottom:16px;position:relative}.timeline-event:last-child{padding-bottom:0}.timeline-dot{background:var(--color-primary);border:2px solid var(--color-surface);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-20px}.timeline-action{font-size:.875rem;font-weight:500}.timeline-meta{color:var(--color-text-muted);font-size:.75rem}.escalation-info p{font-size:.875rem}.oncall-grid{gap:20px;display:grid}@media (width>=769px){.oncall-grid{grid-template-columns:1fr 2fr}}.oncall-current-list{flex-direction:column;gap:2px;display:flex}.oncall-current-item{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:10px;transition:background .15s;display:flex}.oncall-current-item:hover{background:var(--color-muted-bg)}.oncall-current-name{font-size:.875rem;font-weight:500}.oncall-current-user{color:var(--color-text-secondary);font-size:.8125rem}.schedule-detail-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.schedule-rotation,.schedule-overrides,.schedule-calendar{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.schedule-rotation h4,.schedule-overrides h4,.schedule-calendar h4{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.8125rem;font-weight:600}.rotation-participants{flex-direction:column;gap:4px;display:flex}.rotation-participant{background:var(--color-muted-bg);border-radius:var(--radius-sm);padding:6px 10px;font-size:.8125rem}.override-item{justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:.8125rem;display:flex}.calendar-week{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:8px 4px;font-size:.75rem;display:flex}.calendar-day.today{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.calendar-day-label{color:var(--color-text-muted);font-size:.6875rem}.calendar-day-num{margin-top:2px;font-weight:500}.settings-content{margin-top:4px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h3{font-size:1rem;font-weight:600}.settings-list{flex-direction:column;gap:2px;display:flex}.settings-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.settings-item strong{font-size:.875rem}.settings-item .label-tag{margin-left:8px}.steps-builder{flex-direction:column;gap:12px;display:flex}.step-item{background:var(--color-muted-bg);border-radius:var(--radius-sm);margin-bottom:12px;padding:16px}.step-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.step-number{font-size:.875rem;font-weight:600}.step-targets{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.target-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px}.steps-builder-actions{gap:8px;margin-top:12px;display:flex}.api-key-display{background:var(--color-muted-bg);border-radius:var(--radius-sm);font-family:var(--font-mono);word-break:break-all;-webkit-user-select:all;user-select:all;margin:12px 0;padding:12px;font-size:.8125rem;display:block}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{font-size:1rem;font-weight:600}.modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.25rem}.modal-body{padding:20px}.channel-info{flex-direction:column;gap:2px;min-width:0;display:flex}.channel-header{align-items:center;gap:8px;display:flex}.channel-summary{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;padding-left:16px;overflow:hidden}.channel-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.channel-dot-on{background:var(--color-up)}.channel-dot-off{background:var(--color-text-muted)}.secret-field{position:relative}.secret-field input{padding-right:48px}.secret-toggle{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;padding:4px 6px;font-size:.6875rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.secret-toggle:hover{color:var(--color-text);background:var(--color-muted-bg)}.form-help{color:var(--color-text-muted);margin-top:2px;font-size:.6875rem}.btn-test-ok{background:var(--color-up)!important;color:#fff!important;border-color:var(--color-up)!important}.btn-test-fail{background:var(--color-down)!important;color:#fff!important;border-color:var(--color-down)!important}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--color-down)}.field-error{color:var(--color-down);margin-top:2px;font-size:.6875rem}.toast-container{z-index:300;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);pointer-events:auto;max-width:360px;padding:10px 16px;font-size:.8125rem;font-weight:500;animation:.2s ease-out toast-in}.toast-success{background:var(--color-up);color:#fff}.toast-error{background:var(--color-down);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.status-page-public{max-width:800px;margin:0 auto;padding:32px 16px}.status-header{text-align:center;margin-bottom:32px}.status-header h1{margin-bottom:12px;font-size:1.75rem;font-weight:700}.status-overall{border-radius:9999px;padding:8px 20px;font-size:.9375rem;font-weight:600;display:inline-block}.status-overall.all-up{background:var(--color-up-bg);color:var(--color-up)}.status-overall.has-issues{background:var(--color-down-bg);color:var(--color-down)}.maintenance-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius);margin-bottom:24px;padding:12px 16px}.maintenance-item{font-size:.875rem}.status-monitors{gap:8px;display:grid}.status-monitor-card{flex-direction:column;gap:8px;display:flex}.status-monitor-header{justify-content:space-between;align-items:center;display:flex}.status-monitor-name{font-size:.9375rem;font-weight:600}.status-monitor-uptime{justify-content:space-between;align-items:center;display:flex}.uptime-pct{color:var(--color-up);font-size:1rem;font-weight:700}.status-footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:48px;padding-top:24px;font-size:.8125rem}@media (width<=768px){.data-table{display:block;overflow-x:auto}.page-header{flex-direction:row;align-items:flex-start;gap:8px}.alert-card{flex-direction:column;align-items:flex-start}.alert-card-right{justify-content:space-between;width:100%}.detail-grid{gap:12px}.card{padding:16px}}.payment-banner{background:var(--danger,#dc3545);color:#fff;text-align:center;padding:.5rem 1rem;font-size:.875rem}.payment-banner a{color:#fff;font-weight:600;text-decoration:underline}.sp-layout-group{background:var(--color-muted-bg);border-radius:var(--radius-sm);margin-bottom:12px;padding:16px}.sp-layout-group-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sp-layout-monitor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px}@keyframes pending-pulse{0%,to{opacity:1}50%{opacity:.4}}