:root{color-scheme:light;--ab-bg: #f5f7fa;--ab-surface: #ffffff;--ab-surface-2: #f8fafc;--ab-border: #e4e8ee;--ab-border-strong: #cdd4de;--ab-text: #1b2433;--ab-text-muted: #687287;--ab-text-faint: #98a2b3;--ab-primary: #3a5bd9;--ab-primary-hover: #2f4abc;--ab-primary-weak: #eef1fd;--ab-danger: #d64545;--ab-danger-hover: #b93636;--ab-danger-weak: #fdecec;--ab-up: #1f9d5a;--ab-up-bg: #e6f6ed;--ab-down: #d64545;--ab-down-bg: #fdecec;--ab-degraded: #b9770b;--ab-degraded-bg: #fbf1df;--ab-paused: #687287;--ab-paused-bg: #eef1f5;--ab-pending: #5b6472;--ab-pending-bg: #eef1f5;--ab-s1: 4px;--ab-s2: 8px;--ab-s3: 12px;--ab-s4: 16px;--ab-s5: 24px;--ab-s6: 32px;--ab-radius-sm: 6px;--ab-radius: 10px;--ab-radius-pill: 999px;--ab-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--ab-shadow: 0 6px 20px rgba(16, 24, 40, .08);--ab-fs-xs: 12px;--ab-fs-sm: 13px;--ab-fs-base: 14px;--ab-fs-lg: 16px;--ab-fs-xl: 20px;--ab-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ab-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--ab-font);font-size:var(--ab-fs-base);line-height:1.5;color:var(--ab-text);background:var(--ab-bg);-webkit-font-smoothing:antialiased}.ab-app{max-width:940px;margin:0 auto;padding:var(--ab-s5) var(--ab-s4) var(--ab-s6)}.ab-center{min-height:100vh;display:grid;place-items:center;padding:var(--ab-s6);text-align:center}.ab-center h1{margin:0 0 var(--ab-s2);font-size:var(--ab-fs-xl)}.ab-muted{color:var(--ab-text-muted)}.ab-error-text{color:var(--ab-danger);max-width:26rem}.ab-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ab-s4);flex-wrap:wrap;margin-bottom:var(--ab-s5)}.ab-brand{display:flex;align-items:baseline;gap:var(--ab-s3)}.ab-brand h1{margin:0;font-size:var(--ab-fs-xl);letter-spacing:-.01em}.ab-loc{color:var(--ab-text-muted);font-size:var(--ab-fs-sm)}.ab-nav{display:inline-flex;gap:var(--ab-s1);padding:var(--ab-s1);background:var(--ab-surface-2);border:1px solid var(--ab-border);border-radius:var(--ab-radius-pill)}.ab-nav-item{border:0;background:transparent;color:var(--ab-text-muted);font:inherit;font-size:var(--ab-fs-sm);font-weight:600;padding:6px 16px;border-radius:var(--ab-radius-pill);cursor:pointer}.ab-nav-item.is-active{background:var(--ab-surface);color:var(--ab-text);box-shadow:var(--ab-shadow-sm)}.ab-card{background:var(--ab-surface);border:1px solid var(--ab-border);border-radius:var(--ab-radius);box-shadow:var(--ab-shadow-sm);padding:var(--ab-s5)}.ab-card+.ab-card{margin-top:var(--ab-s4)}.ab-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ab-s3);margin-bottom:var(--ab-s4)}.ab-section-head h2{margin:0;font-size:var(--ab-fs-lg)}.ab-counter{color:var(--ab-text-muted);font-size:var(--ab-fs-sm);font-variant-numeric:tabular-nums}.ab-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:var(--ab-fs-sm);font-weight:600;line-height:1;padding:9px 16px;border-radius:var(--ab-radius-sm);border:1px solid var(--ab-border-strong);background:var(--ab-surface);color:var(--ab-text);cursor:pointer;transition:background .12s,border-color .12s}.ab-btn:hover:not(:disabled){background:var(--ab-surface-2)}.ab-btn:disabled{opacity:.55;cursor:not-allowed}.ab-btn-primary{background:var(--ab-primary);border-color:var(--ab-primary);color:#fff}.ab-btn-primary:hover:not(:disabled){background:var(--ab-primary-hover);border-color:var(--ab-primary-hover)}.ab-btn-danger{color:var(--ab-danger);border-color:var(--ab-danger-weak);background:var(--ab-danger-weak)}.ab-btn-danger:hover:not(:disabled){background:#fbdcdc}.ab-btn-ghost{border-color:transparent;background:transparent;color:var(--ab-text-muted);padding:6px 10px}.ab-btn-ghost:hover:not(:disabled){background:var(--ab-surface-2);color:var(--ab-text)}.ab-btn-sm{padding:6px 10px;font-size:var(--ab-fs-xs)}.ab-field{margin-top:var(--ab-s4)}.ab-label{display:block;font-weight:600;font-size:var(--ab-fs-sm);margin-bottom:6px}.ab-input,.ab-textarea,.ab-select{width:100%;font:inherit;font-size:var(--ab-fs-base);color:var(--ab-text);background:var(--ab-surface);padding:9px 11px;border:1px solid var(--ab-border-strong);border-radius:var(--ab-radius-sm)}.ab-input:focus,.ab-textarea:focus,.ab-select:focus{outline:none;border-color:var(--ab-primary);box-shadow:0 0 0 3px var(--ab-primary-weak)}.ab-textarea{min-height:80px;font-family:var(--ab-mono);font-size:var(--ab-fs-sm);resize:vertical}.ab-hint{font-size:var(--ab-fs-xs);color:var(--ab-text-muted);margin-top:6px}.ab-field-error{font-size:var(--ab-fs-xs);color:var(--ab-danger);margin-top:6px}.ab-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--ab-s4)}.ab-form-actions{display:flex;gap:var(--ab-s2);align-items:center;margin-top:var(--ab-s5);flex-wrap:wrap}.ab-channel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ab-s3);margin-bottom:6px}.ab-pill{font-size:var(--ab-fs-xs);font-weight:600;padding:3px 9px;border-radius:var(--ab-radius-pill);background:var(--ab-paused-bg);color:var(--ab-paused);white-space:nowrap}.ab-pill--on{background:var(--ab-up-bg);color:var(--ab-up)}.ab-switch{display:inline-flex;align-items:center;gap:var(--ab-s2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--ab-fs-xs);font-weight:600;color:var(--ab-text-muted)}.ab-switch input{position:absolute;opacity:0;width:0;height:0}.ab-switch__track{position:relative;width:36px;height:20px;border-radius:var(--ab-radius-pill);background:var(--ab-border-strong);transition:background .15s;flex-shrink:0}.ab-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--ab-shadow-sm);transition:transform .15s}.ab-switch input:checked+.ab-switch__track{background:var(--ab-primary)}.ab-switch input:checked+.ab-switch__track:after{transform:translate(16px)}.ab-switch input:focus-visible+.ab-switch__track{box-shadow:0 0 0 3px var(--ab-primary-weak)}.ab-switch__text{min-width:1.6em}.ab-disclosure{margin-top:var(--ab-s4);border-top:1px solid var(--ab-border);padding-top:var(--ab-s3)}.ab-disclosure>summary{cursor:pointer;font-weight:600;font-size:var(--ab-fs-sm);color:var(--ab-text-muted);list-style:revert}.ab-list{display:flex;flex-direction:column;gap:var(--ab-s2)}.ab-mon{display:flex;align-items:center;gap:var(--ab-s4);padding:var(--ab-s3) var(--ab-s4);border:1px solid var(--ab-border);border-radius:var(--ab-radius);background:var(--ab-surface)}.ab-mon-main{min-width:0;flex:1}.ab-mon-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-mon-url{font-size:var(--ab-fs-sm);color:var(--ab-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-mon-meta{font-size:var(--ab-fs-xs);color:var(--ab-text-faint);margin-top:2px}.ab-mon-actions{display:flex;gap:var(--ab-s1);flex-shrink:0}.ab-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--ab-fs-xs);font-weight:600;padding:3px 9px;border-radius:var(--ab-radius-pill);text-transform:capitalize;flex-shrink:0}.ab-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.ab-badge--up{color:var(--ab-up);background:var(--ab-up-bg)}.ab-badge--down{color:var(--ab-down);background:var(--ab-down-bg)}.ab-badge--degraded{color:var(--ab-degraded);background:var(--ab-degraded-bg)}.ab-badge--paused{color:var(--ab-paused);background:var(--ab-paused-bg)}.ab-badge--pending{color:var(--ab-pending);background:var(--ab-pending-bg)}.ab-badge--resolved{color:var(--ab-up);background:var(--ab-up-bg)}.ab-badge--open{color:var(--ab-down);background:var(--ab-down-bg)}.ab-banner{border-radius:var(--ab-radius-sm);padding:var(--ab-s3) var(--ab-s4);font-size:var(--ab-fs-sm);margin-bottom:var(--ab-s4)}.ab-banner--info{background:var(--ab-primary-weak);color:var(--ab-primary-hover)}.ab-banner--warn{background:var(--ab-degraded-bg);color:var(--ab-degraded)}.ab-banner--error{background:var(--ab-danger-weak);color:var(--ab-danger-hover)}.ab-banner--success{background:var(--ab-up-bg);color:var(--ab-up)}.ab-empty{text-align:center;padding:var(--ab-s6) var(--ab-s4);color:var(--ab-text-muted)}.ab-empty h3{margin:0 0 var(--ab-s2);color:var(--ab-text);font-size:var(--ab-fs-lg)}.ab-loading{padding:var(--ab-s5);color:var(--ab-text-muted)}.ab-inc{display:flex;align-items:flex-start;gap:var(--ab-s3);padding:var(--ab-s3) 0;border-bottom:1px solid var(--ab-border);font-size:var(--ab-fs-sm)}.ab-inc:last-child{border-bottom:0}.ab-inc-body{flex:1;min-width:0}.ab-inc-when{color:var(--ab-text-faint);font-size:var(--ab-fs-xs)}.ab-inc-err{color:var(--ab-text-muted);word-break:break-word}code{font-family:var(--ab-mono);font-size:.92em}@media(max-width:560px){.ab-grid-2{grid-template-columns:1fr}.ab-mon{flex-wrap:wrap}}