@import"https://fonts.googleapis.com/css2?family=Inter:wght@400&family=Geist+Mono:wght@400&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--canvas: #0a0a0a;--canvas-soft: #1a1c20;--canvas-card: #191919;--canvas-mid: #363a3f;--hairline: #212327;--ink: #ffffff;--body: #dadbdf;--body-mid: #7d8187;--on-primary: #0a0a0a;--outline: rgba(255, 255, 255, .25);--accent-sunset: #ff7a17;--accent-sunset-soft: #ffc285;--color-error: #ef4444;--color-warn: #facc15;--color-info: #60a5fa;--color-success: #34d399;--color-muted: var(--body-mid);--metric-cpu: #60a5fa;--metric-memory: #a78bfa;--metric-net-down: #22d3ee;--metric-net-up: var(--accent-sunset-soft);--bg-primary: var(--canvas);--bg-secondary: var(--canvas-soft);--bg-card: var(--canvas-card);--bg-card-hover: var(--canvas-soft);--bg-elevated: var(--canvas-soft);--text-primary: var(--ink);--text-secondary: var(--body);--text-muted: var(--body-mid);--text-inverse: var(--on-primary);--border-subtle: var(--hairline);--border-default: var(--hairline);--accent-green: var(--ink);--accent-red: var(--accent-sunset);--accent-blue: var(--ink);--accent-amber: var(--accent-sunset);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", "IBM Plex Mono", monospace;--radius-sm: 8px;--radius-md: 8px;--radius-lg: 8px;--radius-xl: 8px;--radius-full: 9999px;--radius-pill: 9999px;--space-xxs: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 48px;--space-12: 48px;--space-16: 64px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--t-instant: .1s;--t-fast: .15s;--t-normal: .25s;--t-slow: .4s;--t-page: .32s;--transition-fast: var(--t-fast) var(--ease-in-out);--transition-normal: var(--t-normal) var(--ease-in-out);--transition-slow: var(--t-slow) var(--ease-in-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--canvas);color:var(--body);font-weight:400;line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:var(--ink);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--body)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--ink);line-height:1}h1{font-size:48px;line-height:48px;letter-spacing:-1.2px}h2{font-size:32px;line-height:36px;letter-spacing:-.6px}h3{font-size:20px;line-height:28px;letter-spacing:0}h4{font-size:16px;line-height:24px;letter-spacing:0}.display-xl{font-size:96px;line-height:96px;letter-spacing:-2.4px;font-weight:400}.display-lg{font-size:72px;line-height:72px;letter-spacing:-1.8px;font-weight:400}.display-md{font-size:48px;line-height:48px;letter-spacing:-1.2px;font-weight:400}.display-sm{font-size:32px;line-height:36px;letter-spacing:-.6px;font-weight:400}.eyebrow-mono{font-family:var(--font-mono);font-size:14px;line-height:20px;font-weight:400;letter-spacing:1.4px;text-transform:uppercase;color:var(--body-mid)}.eyebrow-mono-sm{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:400;letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mid)}.font-mono{font-family:var(--font-mono);font-size:.875rem;font-weight:400}.text-gradient{color:var(--ink)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6);position:relative}.grid-dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.hero-band,.content-band{padding:var(--space-16) 0}.divider-hairline{height:1px;background:var(--hairline);border:0}.card,.card-flat{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-6);transition:border-color var(--transition-normal)}.card:hover{border-color:var(--outline)}.container-card{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit;cursor:pointer}.container-card .card-top{display:flex;align-items:center;justify-content:space-between}.container-card .card-icon{display:inline-flex;color:var(--body-mid)}.container-card .card-icon svg{width:24px;height:24px}.container-card .card-name{font-family:var(--font-mono);font-size:16px;font-weight:400;color:var(--ink);letter-spacing:-.2px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container-card .card-meta{display:flex;justify-content:space-between;align-items:center}.container-card .card-meta-label{font-family:var(--font-mono);font-size:11px;color:var(--body-mid);text-transform:uppercase;letter-spacing:1.2px}.container-card .card-meta-value{font-family:var(--font-mono);font-size:13px;color:var(--body)}.container-card .card-metrics{display:flex;flex-direction:column;gap:var(--space-3)}.container-card .card-spark{height:48px;width:100%}.container-card .chart-spark-wrap{position:relative;height:48px;width:100%}.container-card .chart-spark-wrap canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}.container-card .card-stats{display:flex;gap:var(--space-4)}.container-card .card-stat{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.container-card .card-stat-head{display:inline-flex;align-items:center;gap:var(--space-2)}.container-card .card-stat-icon{display:inline-flex;color:var(--body-mid)}.container-card .card-stat[data-metric=cpu] .card-stat-icon{color:var(--metric-cpu)}.container-card .card-stat[data-metric=mem] .card-stat-icon{color:var(--metric-memory)}.container-card .card-stat-icon svg{width:14px;height:14px}.container-card .card-stat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mid)}.container-card .card-stat-value{font-size:13px;color:var(--ink);margin-left:auto}.container-card .card-bar{display:block;height:3px;width:100%;background:var(--hairline);border-radius:9999px;overflow:hidden}.container-card .card-bar-fill{display:block;height:100%;width:0;background:var(--ink);border-radius:9999px;transition:width var(--transition-normal)}.container-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--hairline)}.container-card .card-id{font-size:12px;color:var(--body-mid)}.container-card .card-arrow{color:var(--body-mid);font-size:1.1rem;transition:transform var(--transition-fast),color var(--transition-fast)}.container-card:hover .card-arrow{transform:translate(4px);color:var(--ink)}.navbar{position:sticky;top:0;z-index:100;background:var(--canvas);border-bottom:1px solid var(--hairline);padding:var(--space-3) 0}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);font-size:16px;font-weight:400;letter-spacing:1.4px;text-transform:uppercase;font-family:var(--font-mono);color:var(--ink)}.navbar-brand .logo-icon{width:28px;height:28px;border:1px solid var(--hairline);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.95rem;background:var(--canvas-card)}.navbar-links{display:flex;align-items:center;gap:var(--space-6);list-style:none}.navbar-links a{color:var(--body-mid);font-size:14px;font-weight:400;transition:color var(--transition-fast)}.navbar-links a:hover,.navbar-links a.active{color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:1.2px;text-transform:uppercase;background:transparent;border:1px solid var(--hairline)}.badge-running{color:var(--color-success)}.badge-stopped{color:var(--color-muted)}.badge-error{color:var(--color-error);border-color:var(--color-error)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-running .badge-dot{animation:pulse-dot 2s ease-in-out infinite;background:var(--color-success)}.badge-stopped .badge-dot{background:var(--color-muted)}.badge-error .badge-dot{background:var(--color-error)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400;cursor:pointer;background:transparent;color:var(--ink);border:1px solid var(--outline);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.btn:hover{border-color:var(--ink)}.btn-primary{background:var(--ink);color:var(--on-primary);border:1px solid var(--ink)}.btn-primary:hover{background:var(--body);border-color:var(--body)}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--outline)}.btn-secondary:hover{border-color:var(--ink)}.btn-ghost{background:transparent;color:var(--body);border:1px solid transparent}.btn-ghost:hover{color:var(--ink);border-color:var(--hairline)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:14px}.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.time-range{display:inline-flex;gap:var(--space-2)}.time-range button{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:transparent;color:var(--body-mid);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:1.2px;border:1px solid var(--hairline);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.time-range button:hover{color:var(--ink);border-color:var(--outline)}.time-range button.active{background:var(--ink);color:var(--on-primary);border-color:var(--ink)}.log-viewer{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;line-height:1.7;overflow:hidden;position:relative}.log-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--canvas-soft);border-bottom:1px solid var(--hairline)}.log-viewer-header .terminal-dots{display:flex;gap:6px}.log-viewer-header .terminal-dots span{width:8px;height:8px;border-radius:50%;background:var(--canvas-mid)}.log-viewer-body{padding:var(--space-4);max-height:500px;overflow-y:auto;scroll-behavior:smooth;background:var(--canvas)}.log-viewer-body.fullscreen{max-height:calc(100vh - 220px)}.log-line{white-space:pre-wrap;word-break:break-all;padding:1px 0;color:var(--body)}.log-line .log-timestamp{color:var(--body-mid);margin-right:var(--space-2)}.log-line.log-info{color:var(--color-info)}.log-line.log-debug{color:var(--color-muted)}.log-line.log-warn{color:var(--color-warn)}.log-line.log-error{color:var(--color-error)}.log-level-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px;padding:0 4px;border-radius:3px;background:#ffffff0a;color:var(--body)}.log-level-tag.lvl-debug{color:var(--color-muted)}.log-level-tag.lvl-info{color:var(--color-info);background:#60a5fa1a}.log-level-tag.lvl-warn{color:var(--color-warn);background:#facc151a}.log-level-tag.lvl-error{color:var(--color-error);background:#ef44441f}.log-viewer-body::-webkit-scrollbar{width:6px}.log-viewer-body::-webkit-scrollbar-track{background:transparent}.log-viewer-body::-webkit-scrollbar-thumb{background:var(--canvas-mid);border-radius:3px}.log-viewer-body::-webkit-scrollbar-thumb:hover{background:var(--outline)}.chart-container{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-6)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.chart-title{font-size:16px;font-weight:400;color:var(--ink)}.chart-value{font-family:var(--font-mono);font-size:24px;font-weight:400;letter-spacing:-.6px;color:var(--ink)}.chart-subtitle{font-family:var(--font-mono);font-size:12px;color:var(--body-mid);margin-top:4px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.section-title{font-size:20px;line-height:28px;font-weight:400;color:var(--ink)}.section-subtitle{font-size:14px;color:var(--body-mid);margin-top:4px}.detail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.detail-header h1{font-family:var(--font-mono);font-size:28px;line-height:1;letter-spacing:-.6px}.detail-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--body-mid);font-size:14px;margin-bottom:var(--space-4);transition:color var(--transition-fast)}.detail-back:hover{color:var(--ink)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.skeleton{background:linear-gradient(90deg,var(--canvas-card) 25%,var(--canvas-soft) 50%,var(--canvas-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.live-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:1.2px;color:var(--body);text-transform:uppercase}.live-indicator .live-dot{width:6px;height:6px;border-radius:50%;background:var(--ink);animation:pulse-dot 1.5s ease-in-out infinite}.search-input{background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--ink);font-family:var(--font-mono);font-size:14px;width:100%;max-width:300px;transition:border-color var(--transition-fast)}.search-input::placeholder{color:var(--body-mid)}.search-input:focus{outline:none;border-color:var(--outline)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-enter{animation:fade-in .3s ease-out both}.card-enter:nth-child(1){animation-delay:0ms}.card-enter:nth-child(2){animation-delay:50ms}.card-enter:nth-child(3){animation-delay:.1s}.card-enter:nth-child(4){animation-delay:.15s}.card-enter:nth-child(5){animation-delay:.2s}.card-enter:nth-child(6){animation-delay:.25s}.card-enter:nth-child(7){animation-delay:.3s}.card-enter:nth-child(8){animation-delay:.35s}@media(max-width:768px){h1{font-size:32px;line-height:36px;letter-spacing:-.6px}.container{padding:0 var(--space-4)}.grid-dashboard,.metrics-grid{grid-template-columns:1fr}.navbar-links{display:none}.detail-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.time-range{flex-wrap:wrap}}.alerts-section{margin-bottom:var(--space-12)}.alerts-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.alerts-section-head .section-title{font-size:28px;line-height:32px;letter-spacing:-.6px}.rule-card-grid,.channel-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.rule-card,.channel-card{display:flex;flex-direction:column;gap:var(--space-3)}.rule-card-head,.channel-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.rule-card-eyebrow,.channel-card-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mid);display:inline-flex;align-items:center;gap:var(--space-2)}.channel-type-icon{display:inline-flex;color:var(--body-mid)}.channel-type-icon svg{width:14px;height:14px}.rule-card-name,.channel-card-name{font-family:var(--font-mono);font-size:16px;font-weight:400;color:var(--ink);letter-spacing:-.2px;margin:0;word-break:break-word}.rule-card-condition,.channel-card-summary{font-family:var(--font-mono);font-size:13px;color:var(--body);word-break:break-word}.rule-card-cooldown{font-family:var(--font-mono);font-size:12px;color:var(--body-mid)}.rule-card-channels{display:flex;gap:var(--space-2);flex-wrap:wrap}.channel-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-full);border:1px solid var(--hairline);font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--body)}.channel-chip .chip-dot{width:6px;height:6px;border-radius:50%;background:var(--body-mid);display:inline-block}.channel-chip[data-type=discord] .chip-dot{background:var(--metric-memory)}.channel-chip[data-type=email] .chip-dot{background:var(--metric-cpu)}.channel-chip[data-type=telegram] .chip-dot{background:var(--metric-net-down)}.rule-card-footer,.channel-card-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--hairline);flex-wrap:wrap}.card-actions{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.severity-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;border:1px solid var(--hairline);color:var(--body)}.severity-pill .sev-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.severity-pill.sev-critical{color:var(--color-error);border-color:var(--color-error);background:#ef44441a}.severity-pill.sev-warning{color:var(--color-warn);border-color:#facc1573;background:#facc151a}.severity-pill.sev-info{color:var(--color-info);border-color:#60a5fa73;background:#60a5fa1a}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;border:1px solid var(--hairline);color:var(--body-mid)}.status-pill .st-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.st-firing{color:var(--color-error);border-color:#ef444473;background:#ef44441a}.status-pill.st-pending{color:var(--color-warn);border-color:#facc1573;background:#facc151a}.status-pill.st-resolved{color:var(--color-success);border-color:#34d39973;background:#34d3991a}.status-pill.st-silenced{color:var(--color-muted)}.status-pill.st-enabled{color:var(--color-success)}.status-pill.st-disabled{color:var(--color-muted)}.status-pill.st-ok{color:var(--color-success)}.status-pill.st-error{color:var(--color-error);border-color:#ef444473;background:#ef44441a}.status-pill.st-none{color:var(--color-muted)}.events-filter{display:inline-flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.events-filter button{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:transparent;color:var(--body-mid);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:1.2px;text-transform:uppercase;border:1px solid var(--hairline);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.events-filter button:hover{color:var(--ink);border-color:var(--outline)}.events-filter button.active{background:var(--ink);color:var(--on-primary);border-color:var(--ink)}.events-list{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);overflow:hidden}.event-row{display:grid;grid-template-columns:180px 1fr auto auto auto;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--hairline);font-family:var(--font-mono);font-size:13px}.event-row:last-child{border-bottom:0}.event-ts{color:var(--body-mid)}.event-rule{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-value{color:var(--body);white-space:nowrap}.events-empty,.alerts-empty{padding:var(--space-8);text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--body-mid)}.btn-mini{padding:2px 12px;font-size:12px;line-height:18px;border-radius:var(--radius-full);background:transparent;color:var(--body);border:1px solid var(--outline);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-mini:hover{color:var(--ink);border-color:var(--ink)}.btn-mini.danger{color:var(--color-error);border-color:#ef444459}.btn-mini.danger:hover{border-color:var(--color-error)}.alerts-modal{position:fixed;inset:0;background:#0a0a0ad9;display:none;align-items:flex-start;justify-content:center;z-index:1000;padding:var(--space-8) var(--space-4);overflow-y:auto}.alerts-modal.open{display:flex}.alerts-modal-card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);width:100%;max-width:560px;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.alerts-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.alerts-modal-title{font-size:20px;font-weight:400;color:var(--ink);letter-spacing:-.2px}.alerts-modal-close{background:transparent;color:var(--body-mid);border:1px solid var(--hairline);border-radius:var(--radius-full);width:28px;height:28px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono)}.alerts-modal-close:hover{color:var(--ink);border-color:var(--outline)}.alerts-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:flex;flex-direction:column;gap:var(--space-2)}.form-row-inline{display:flex;gap:var(--space-3);flex-wrap:wrap}.form-row-inline>.form-row{flex:1;min-width:140px}.form-label{font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mid)}.form-input,.form-select{background:var(--canvas-soft);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:13px;font-weight:400;width:100%}.form-input:focus,.form-select:focus{outline:none;border-color:var(--outline)}.form-radio-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.form-radio{display:inline-flex;align-items:center;gap:6px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--hairline);color:var(--body-mid);font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:transparent}.form-radio.active{background:var(--ink);color:var(--on-primary);border-color:var(--ink)}.form-channels-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:180px;overflow-y:auto;border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--canvas-soft)}.form-channels-list label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;color:var(--body);padding:4px 6px;cursor:pointer}.form-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--body);cursor:pointer}.form-error{color:var(--color-error);font-family:var(--font-mono);font-size:12px;min-height:18px}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.alerts-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.alerts-skeleton-card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-6);min-height:180px}@media(max-width:768px){.event-row{grid-template-columns:1fr auto;grid-template-areas:"rule   sev" "ts     status" "value  value";gap:var(--space-2)}.event-ts{grid-area:ts}.event-rule{grid-area:rule}.event-value{grid-area:value}.event-row .severity-pill{grid-area:sev}.event-row .status-pill{grid-area:status}}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:calc(100% - 32px)}.toast{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-width:240px;max-width:420px;background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--body);font-family:var(--font-sans);font-size:13px;line-height:1.4;transform:translate(20px);opacity:0;transition:transform .2s ease,opacity .2s ease}.toast.toast-in{transform:translate(0);opacity:1}.toast.toast-out{transform:translate(20px);opacity:0}.toast .toast-icon{display:inline-flex;flex:none;color:var(--body-mid)}.toast .toast-message{flex:1;color:var(--ink)}.toast .toast-close{flex:none;background:transparent;border:0;color:var(--body-mid);cursor:pointer;padding:0;display:inline-flex;transition:color var(--transition-fast)}.toast .toast-close:hover{color:var(--ink)}.toast-success{border-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-color:var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-color:var(--color-warn)}.toast-warning .toast-icon{color:var(--color-warn)}.toast-info{border-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.dialog-overlay{position:fixed;inset:0;z-index:9000;background:#0a0a0ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;transition:opacity .15s ease}.dialog-overlay.dialog-open{opacity:1}.dialog-card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-6);width:100%;max-width:440px;display:flex;flex-direction:column;gap:var(--space-3);transform:translateY(8px);transition:transform .15s ease}.dialog-overlay.dialog-open .dialog-card{transform:translateY(0)}.dialog-title{font-size:18px;line-height:24px;letter-spacing:-.2px;font-weight:400;color:var(--ink)}.dialog-message{font-size:14px;color:var(--body);margin:0}.dialog-input-label{font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mid)}.dialog-input{width:100%;max-width:none}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.dialog-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preset-pill{background:transparent;border:1px solid var(--outline);border-radius:var(--radius-pill);padding:4px 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.6px;color:var(--body);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.preset-pill:hover{color:var(--ink);border-color:var(--ink);background:#ffffff0a}.btn.btn-danger{background:transparent;color:var(--color-error);border:1px solid var(--color-error)}.btn.btn-danger:hover{background:#ef44441a}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}main.container{animation:page-enter var(--t-page) var(--ease-out) both}.navbar-links a{position:relative}.navbar-links a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform var(--t-normal) var(--ease-out)}.navbar-links a:hover:after,.navbar-links a.active:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-8) var(--space-4)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.login-brand img{width:48px;height:48px}.login-brand .login-wordmark{font-family:var(--font-mono);font-weight:400;letter-spacing:.16em;font-size:14px;color:var(--ink)}.login-card{width:100%;max-width:400px;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.login-title{font-size:18px;line-height:24px;font-weight:400;letter-spacing:-.2px;color:var(--ink);margin:0}.login-subtitle{font-size:13px;color:var(--body-mid);margin:0}.login-card .form-input{width:100%}.login-submit{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:var(--space-2)}.login-submit .spinner{animation:spin .8s linear infinite}.login-ghost-link{font-family:var(--font-mono);font-size:12px;color:var(--body-mid);letter-spacing:.04em;text-decoration:none;transition:color var(--transition-fast)}.login-ghost-link:hover{color:var(--ink);text-decoration:underline}.login-foot{margin-top:var(--space-6);font-size:12px;color:var(--body-mid);text-align:center}.login-foot a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:1px}@keyframes spin{to{transform:rotate(360deg)}}#navbar-user{display:inline-flex;align-items:center;gap:var(--space-3)}.navbar-user-email{font-size:12px;color:var(--body-mid)}#navbar-user[hidden]{display:none}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}