.status-page-container{--status-operational:#047857;--status-operational-bg:#ecfdf5;--status-degraded:#b45309;--status-degraded-bg:#fffbeb;--status-maintenance:#1d4ed8;--status-maintenance-bg:#eff6ff;--status-partial-outage:#c2410c;--status-partial-outage-bg:#fff7ed;--status-major-outage:#be123c;--status-major-outage-bg:#fff1f2;--status-unknown:#475569;--status-unknown-bg:#f1f5f9;color:var(--status-text,#111827);background-color:var(--status-bg,#ffffff);font-family:var(--status-font-family,inherit);--primary:var(--status-primary,var(--primary-color,#2563eb));--primary-hover:var(--status-primary-hover,var(--primary-hover,#1d4ed8));--status-panel-bg:var(--sp-panel-bg,#ffffff);--status-panel-border:var(--sp-panel-border,#e2e8f0);--status-panel-muted-bg:var(--sp-panel-muted-bg,#f8fafc);--status-panel-muted-border:var(--sp-panel-muted-border,#e2e8f0)}.status-page-config-actions{background:var(--glass-bg)!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:0 10px 24px rgba(15,23,42,.1);backdrop-filter:blur(12px)}.status-page-preview-header{border-bottom:1px solid rgba(148,163,184,.15);background:rgba(255,255,255,.6)}@media (max-width:900px){.status-page-config-header{flex-direction:column;align-items:flex-start}.status-page-config-tabs{padding-left:1rem;padding-right:1rem}}.settings-slack-status{display:flex;align-items:center;gap:var(--spacing-3)}.status-page-config-topbar{background:linear-gradient(180deg,#f9fafb,#f1f5f9)!important;border-bottom:1px solid rgba(148,163,184,.3)!important;box-shadow:0 6px 18px rgba(15,23,42,.06)}.status-page-config-tab{transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.status-page-config-tab:hover{transform:translateY(-1px)}.status-page-config-settings{position:relative;background:radial-gradient(900px 220px at 0 0,rgba(59,130,246,.08),transparent 60%),linear-gradient(180deg,#f8fafc,#eef2f7)!important}.status-page-config-settings:before{content:"";position:absolute;top:0;bottom:0;left:var(--spacing-4);width:1px;background:linear-gradient(180deg,rgba(148,163,184,.35),rgba(148,163,184,.08));pointer-events:none}.status-page-config-stack{position:relative;z-index:1}.status-page-settings .ui-card{position:relative;background:linear-gradient(180deg,#ffffff,#f8fafc)!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 10px 22px rgba(15,23,42,.06)!important}.status-page-settings .ui-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--primary-color) 0,var(--primary-hover) 100%);opacity:.12}.status-page-settings .ui-card.ui-card-hover:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.1)!important}.status-page-template-grid{align-items:stretch}.status-page-template-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.status-page-template-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(15,23,42,.14)!important;border-color:rgba(148,163,184,.5)!important}.status-page-template-card.is-selected{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(59,130,246,.18),0 20px 40px rgba(15,23,42,.16)!important}.status-page-template-selected{box-shadow:0 6px 16px rgba(59,130,246,.3)}.status-page-template-preview{border-bottom:1px solid rgba(148,163,184,.2)}.status-page-template-filter{transition:transform .18s ease,box-shadow .18s ease}.status-page-template-filter:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(15,23,42,.08)}.status-page-template-active{box-shadow:0 8px 16px rgba(67,56,202,.18)}.status-page-config-actions{position:sticky;bottom:var(--spacing-4);background:rgba(255,255,255,.92)!important;border:1px solid rgba(148,163,184,.3)!important;box-shadow:0 10px 24px rgba(15,23,42,.12);backdrop-filter:blur(8px);z-index:2}.status-page-config-preview{background:linear-gradient(180deg,#f8fafc,#eef2f7)!important}.status-page-preview-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid rgba(148,163,184,.25);background:rgba(255,255,255,.9);font-size:clamp(.8rem,1.05vw,.9rem);font-weight:600}.status-page-preview-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;background:hsl(var(--ui-primary,215.3 25% 26.7%)/.12);color:hsl(var(--ui-primary,215.3 25% 26.7%));font-size:clamp(.62rem,.85vw,.72rem);text-transform:uppercase;letter-spacing:.08em}.status-page-preview-frame{margin:var(--spacing-4);border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.28);box-shadow:0 14px 30px rgba(15,23,42,.12)}.status-page-input,.status-page-select{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.8125rem;background:#ffffff;color:inherit}.status-page-input:focus,.status-page-input:focus-visible,.status-page-select:focus,.status-page-select:focus-visible{border-color:var(--status-primary,var(--primary-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--status-primary,#2563eb) 18%,transparent);outline:none}.status-page-container{--primary:var(--status-primary,var(--primary-color));--primary-hover:var(--status-primary-hover,var(--primary-hover));--status-text:var(--sp-ink,#111827);--status-text-strong:var(--sp-ink-strong,var(--sp-ink,#0f172a));--status-text-muted:var(--sp-muted,#6b7280);--status-text-subtle:var(--sp-muted-2,var(--sp-muted,#94a3b8));--status-text-inverse:var(--sp-inverse,#ffffff);--status-panel-bg:var(--sp-panel-bg,color-mix(in srgb,#ffffff 94%,var(--status-primary,#2563eb) 6%));--status-panel-border:var(--sp-panel-border,color-mix(in srgb,#e5e7eb 82%,var(--status-primary,#2563eb) 18%));--status-panel-muted-bg:var(--sp-panel-muted-bg,color-mix(in srgb,#f8fafc 85%,var(--status-primary,#2563eb) 15%));--status-panel-muted-border:var(--sp-panel-muted-border,color-mix(in srgb,#e2e8f0 80%,var(--status-primary,#2563eb) 20%))}.status-page-button{padding:.4rem .75rem;border-radius:999px;border:1px solid #e2e8f0;background:#ffffff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.status-page-button:disabled,.status-page-button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.status-page-button[data-active=true]{background:var(--status-primary,#2563eb);border-color:var(--status-primary,#2563eb);color:#ffffff;font-weight:600}.status-page-button[data-variant=primary]{background:var(--status-primary,#0f172a);border-color:var(--status-primary,#0f172a);color:#ffffff;font-weight:600;border-radius:.625rem;padding:.625rem 1.25rem}.status-page-button:focus,.status-page-button:focus-visible{border-color:var(--status-primary,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-primary,#2563eb) 18%,transparent);outline:none}.status-page-button:hover{background:#f9fafb;border-color:#d1d5db}.status-page-button[data-active=true]:hover,.status-page-button[data-variant=primary]:hover{background:var(--status-primary-hover,#1d4ed8);border-color:var(--status-primary-hover,#1d4ed8);box-shadow:0 6px 14px color-mix(in srgb,var(--status-primary,#2563eb) 22%,transparent)}.status-page-config-preview-toggle:hover{opacity:.92}.status-page-config-tabs{border-bottom:1px solid hsl(var(--ui-border,214.3 31.8% 91.4%));background:hsl(var(--ui-card,0 0% 100%));padding:.6rem clamp(1rem,2vw,1.5rem);display:flex;gap:var(--spacing-3);flex-shrink:0;align-items:center;justify-content:space-between;box-shadow:0 1px 3px 0 rgba(0,0,0,.04)}.status-page-config-tabs-list{display:flex;gap:.375rem;row-gap:.5rem;flex-wrap:wrap;flex:1 1 auto;min-width:0;padding:.15rem 0}.status-page-config-tabs-actions{display:flex;align-items:center;flex-shrink:0}.status-page-config-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;padding:.4rem .75rem;border-radius:.5rem;color:hsl(var(--ui-muted-foreground,215.4 16.3% 46.9%));font-weight:500;font-size:.8125rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .15s ease;white-space:nowrap;text-decoration:none;position:relative;flex-shrink:0}.status-page-config-tab:after{content:none}.status-page-config-tab:hover{color:hsl(var(--ui-foreground,222.2 47.4% 11.2%));background:hsl(var(--ui-muted,210 40% 96.1%)/.7)}.status-page-config-tab:focus-visible{outline:2px solid hsl(var(--ui-ring,215.3 25% 26.7%));outline-offset:2px}.status-page-config-tab.is-active{color:hsl(var(--ui-primary-foreground,210 40% 98%));background:hsl(var(--ui-primary,215.3 25% 26.7%));border-color:hsl(var(--ui-primary,215.3 25% 26.7%));font-weight:600;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}.status-page-config-tab-badge{padding:.1rem .45rem;border-radius:999px;font-size:clamp(.62rem,.85vw,.72rem);font-weight:700;background:hsl(var(--ui-muted,210 40% 96.1%));color:hsl(var(--ui-muted-foreground,215.4 16.3% 46.9%))}.status-page-config-tab-badge.is-active{background:hsl(var(--ui-primary-foreground,210 40% 98%)/.2);color:hsl(var(--ui-primary-foreground,210 40% 98%))}.status-page-config-tab-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;opacity:.75;transition:opacity .15s ease}.status-page-config-tab:hover .status-page-config-tab-icon{opacity:.95}.status-page-config-tab.is-active .status-page-config-tab-icon{opacity:1}.status-page-config-sticky-bar{box-shadow:0 -4px 12px rgba(15,23,42,.08);flex-shrink:0}.status-page-config-body{gap:0;min-width:0;container-type:inline-size}.status-page-config-settings{min-width:0;background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(239,242,247,.9))}.status-page-config-settings-inner{width:100%}.status-page-config-settings h2{font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:700;margin:0 0 var(--spacing-3) 0}.status-page-config-card{background:var(--card-bg,#ffffff);border:1px solid var(--card-border,#e2e8f0);border-radius:.75rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.05),0 1px 2px -1px rgba(0,0,0,.05);overflow:hidden}[data-theme=dark] .status-page-config-card{background:#18181b;border-color:#27272a;box-shadow:0 1px 3px 0 rgba(0,0,0,.35)}.status-page-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}[data-theme=dark] .status-page-card-header{background:#1e1e24;border-bottom-color:#27272a}.status-page-card-icon-badge{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;background:rgba(99,102,241,.08);color:#4f46e5;border:1px solid rgba(99,102,241,.18);flex-shrink:0}[data-theme=dark] .status-page-card-icon-badge{background:rgba(99,102,241,.15);color:#818cf8;border-color:rgba(99,102,241,.3)}.status-page-config .ui-formfield-textarea,.status-page-config .ui-input,.status-page-config .ui-select,.status-page-config input[type=date],.status-page-config input[type=email],.status-page-config input[type=number],.status-page-config input[type=password],.status-page-config input[type=text],.status-page-config input[type=url],.status-page-config select,.status-page-config textarea{border:1px solid #cbd5e1!important;background-color:#ffffff;color:#0f172a;border-radius:.5rem;padding:.625rem .875rem!important;box-sizing:border-box!important;line-height:1.5!important;transition:border-color .15s ease,box-shadow .15s ease}.status-page-config .ui-formfield-textarea:hover,.status-page-config .ui-input:hover,.status-page-config .ui-select:hover,.status-page-config input[type=date]:hover,.status-page-config input[type=email]:hover,.status-page-config input[type=number]:hover,.status-page-config input[type=password]:hover,.status-page-config input[type=text]:hover,.status-page-config input[type=url]:hover,.status-page-config select:hover,.status-page-config textarea:hover{border-color:#94a3b8!important}.status-page-config .ui-formfield-textarea:focus,.status-page-config .ui-input:focus,.status-page-config .ui-select:focus,.status-page-config input[type=date]:focus,.status-page-config input[type=email]:focus,.status-page-config input[type=number]:focus,.status-page-config input[type=password]:focus,.status-page-config input[type=text]:focus,.status-page-config input[type=url]:focus,.status-page-config select:focus,.status-page-config textarea:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.18)!important;outline:none!important}[data-theme=dark] .status-page-config .ui-formfield-textarea,[data-theme=dark] .status-page-config .ui-input,[data-theme=dark] .status-page-config .ui-select,[data-theme=dark] .status-page-config input[type=date],[data-theme=dark] .status-page-config input[type=email],[data-theme=dark] .status-page-config input[type=number],[data-theme=dark] .status-page-config input[type=password],[data-theme=dark] .status-page-config input[type=text],[data-theme=dark] .status-page-config input[type=url],[data-theme=dark] .status-page-config select,[data-theme=dark] .status-page-config textarea{border:1px solid #3f3f46!important;background-color:#18181b;color:#f4f4f5}[data-theme=dark] .status-page-config .ui-formfield-textarea:hover,[data-theme=dark] .status-page-config .ui-input:hover,[data-theme=dark] .status-page-config .ui-select:hover,[data-theme=dark] .status-page-config input[type=date]:hover,[data-theme=dark] .status-page-config input[type=email]:hover,[data-theme=dark] .status-page-config input[type=number]:hover,[data-theme=dark] .status-page-config input[type=password]:hover,[data-theme=dark] .status-page-config input[type=text]:hover,[data-theme=dark] .status-page-config input[type=url]:hover,[data-theme=dark] .status-page-config select:hover,[data-theme=dark] .status-page-config textarea:hover{border-color:#52525b!important}[data-theme=dark] .status-page-config .ui-formfield-textarea:focus,[data-theme=dark] .status-page-config .ui-input:focus,[data-theme=dark] .status-page-config .ui-select:focus,[data-theme=dark] .status-page-config input[type=date]:focus,[data-theme=dark] .status-page-config input[type=email]:focus,[data-theme=dark] .status-page-config input[type=number]:focus,[data-theme=dark] .status-page-config input[type=password]:focus,[data-theme=dark] .status-page-config input[type=text]:focus,[data-theme=dark] .status-page-config input[type=url]:focus,[data-theme=dark] .status-page-config select:focus,[data-theme=dark] .status-page-config textarea:focus{border-color:#818cf8!important;box-shadow:0 0 0 3px rgba(129,140,248,.25)!important;outline:none!important}.status-page-config-card-title{font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:600;margin:0 0 .25rem}.status-page-config-card-desc{color:var(--text-secondary);font-size:clamp(.8125rem,1vw,.875rem);margin:0;line-height:1.5}.status-page-config-actions{box-shadow:0 -6px 16px rgba(15,23,42,.06)}.status-page-config-preview{background:linear-gradient(180deg,#f8fafc,#eef2f7);position:relative;min-width:0;border-left:1px solid rgba(148,163,184,.25)}.status-page-config-preview:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:linear-gradient(180deg,rgba(148,163,184,.12),rgba(148,163,184,.35) 50%,rgba(148,163,184,.12));pointer-events:none}.status-page-preview-body{position:sticky;top:0;display:flex;flex-direction:column;height:100%;padding:clamp(.9rem,1.4vw,1.4rem);gap:var(--spacing-3);min-height:0}.status-page-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);background:rgba(255,255,255,.65);font-weight:700;color:var(--text-primary);letter-spacing:.02em;text-transform:uppercase;font-size:.7rem}.status-page-preview-chip{padding:.2rem .55rem;border-radius:999px;background:rgba(14,116,144,.12);color:#0e7490;font-size:.65rem;font-weight:700}.status-page-preview-frame{flex:1;border-radius:calc(var(--radius-xl) + 2px);border:1px solid rgba(148,163,184,.35);background:#ffffff;box-shadow:0 18px 40px rgba(15,23,42,.08);overflow:hidden;transition:box-shadow .2s var(--ease-out),transform .2s var(--ease-out);display:flex;flex-direction:column;min-height:0}.status-page-preview-frame:hover{box-shadow:0 24px 50px rgba(15,23,42,.1);transform:translateY(-2px)}.status-page-preview-controls{border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.35);box-shadow:0 10px 22px rgba(15,23,42,.08);padding:var(--status-preview-controls-padding,.75rem .95rem)}.status-page-preview-device-toggle{background:rgba(226,232,240,.9)}.status-page-preview-device-btn{font-size:var(--status-preview-device-font,clamp(.72rem,1vw,.85rem));padding:var(--status-preview-device-padding,clamp(.35rem,.9vw,.55rem) clamp(.6rem,1vw,.9rem))}.status-page-preview-device-btn.is-active{box-shadow:0 8px 18px rgba(15,23,42,.12)}.status-page-preview-device-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.status-page-preview-zoom-controls{background:#f8fafc}.status-page-preview-zoom-controls button{font-size:var(--status-preview-zoom-font,clamp(.7rem,.9vw,.85rem));padding:var(--status-preview-zoom-button-padding,clamp(.2rem,.6vw,.4rem) clamp(.35rem,.7vw,.55rem))}.status-page-preview-canvas{min-width:0;min-height:0}.status-page-preview-device-frame{max-width:100%}@media (max-width:1440px){.status-page-config{--status-preview-padding:clamp(0.65rem,1.2vw,1rem)}.status-page-config-header{padding:clamp(.9rem,1.6vw,1.35rem) clamp(1rem,2vw,1.6rem)}.status-page-config-tabs{padding:0 clamp(1rem,2vw,1.6rem);gap:var(--spacing-2)}.status-page-config-tab{padding:.5rem .75rem .6rem}}@media (max-width:1366px){.status-page-config{--spacing-6:1.25rem;--spacing-5:1rem;--spacing-4:0.85rem;--spacing-3:0.65rem;--spacing-2:0.45rem;--status-preview-padding:clamp(0.55rem,1.1vw,0.9rem);--status-preview-controls-padding:clamp(0.5rem,1vw,0.7rem) clamp(0.65rem,1.2vw,0.85rem);--status-preview-device-padding:clamp(0.3rem,0.8vw,0.5rem) clamp(0.55rem,0.9vw,0.8rem);--status-preview-device-font:clamp(0.7rem,1vw,0.82rem);--status-preview-zoom-font:clamp(0.68rem,0.9vw,0.8rem);--status-preview-zoom-button-padding:clamp(0.18rem,0.5vw,0.35rem) clamp(0.3rem,0.6vw,0.5rem)}.status-page-config-header{padding:clamp(.75rem,1.3vw,1.1rem) clamp(.9rem,1.7vw,1.3rem)}.status-page-config-tabs{padding:.4rem clamp(.85rem,1.6vw,1.2rem);gap:var(--spacing-2)}.status-page-config-settings{padding:var(--spacing-5)}.status-page-preview-body{padding:clamp(.7rem,1.1vw,1rem)}}@container (max-width: 760px){.status-page-config-tabs{flex-wrap:wrap;row-gap:.4rem}}@container (max-width: 1100px){.status-page-config-body{flex-direction:column;overflow:visible}.status-page-config-settings{border-right:none;border-bottom:1px solid rgba(148,163,184,.2)}.status-page-config-preview{border-left:none}.status-page-config-preview:before{display:none}.status-page-preview-body{position:static;height:auto}}@media (max-width:1200px){.status-page-config{height:auto!important;overflow:visible!important}.status-page-config-body{flex-direction:column;overflow:visible!important}.status-page-config-settings{border-right:none;border-bottom:1px solid rgba(148,163,184,.2)}.status-page-config-preview{border-left:none}.status-page-config-preview:before{display:none}.status-page-preview-body{position:static;height:auto}}@media (max-width:900px){.status-page-config-header{padding:.75rem 1rem}}.status-page-subscribers-search-input{padding:.5rem 2rem .5rem .75rem!important;line-height:1.5!important;box-sizing:border-box!important}