@import"https://fonts.googleapis.com/css2?family=Inter:wght@400&family=Geist+Mono:wght@400&display=swap";: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;top:0;right:0;bottom:0;left: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)}.dashboard-groups{display:flex;flex-direction:column;gap:var(--space-4)}.container-group{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-normal)}.container-group:hover{border-color:var(--outline)}.container-group-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);cursor:pointer;background:var(--canvas-card);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.container-group-header:hover{background:var(--canvas-soft)}.group-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--body-mid);transition:transform var(--transition-normal)}.group-title{font-size:16px;font-weight:400;color:var(--ink);margin:0}.group-badges{display:flex;gap:var(--space-2);margin-left:auto}.group-edit-form{display:flex;align-items:center;gap:var(--space-2)}.group-edit-input{width:200px;padding:var(--space-1) var(--space-2);font-size:14px}.group-edit-color{-webkit-appearance:none;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;padding:0;background:none}.group-edit-color::-webkit-color-swatch-wrapper{padding:0}.group-edit-color::-webkit-color-swatch{border:1px solid var(--hairline);border-radius:50%}.group-content{padding:var(--space-6);border-top:1px solid var(--hairline);background:var(--canvas)}.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{display:flex;flex-direction:row;gap:var(--space-3);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:.75rem;line-height:1.5;color:var(--ink);transition:background-color .15s ease;border-radius:var(--radius-sm)}.log-line:hover{background-color:#ffffff0d}.log-line.log-error{background-color:#ef44441a}.log-line.log-error:hover{background-color:#ef444426}.log-line.log-warn{background-color:#eab3081a}.log-line.log-warn:hover{background-color:#eab30826}.log-line.log-debug{background-color:#f973161a}.log-line.log-debug:hover{background-color:#f9731626}.log-meta-group{display:flex;align-items:flex-start;gap:var(--space-2)}.log-marker{width:8px;height:18px;flex-shrink:0;border-radius:3px;background-color:var(--body-mid)}.log-line.log-error .log-marker{background-color:var(--color-error)}.log-line.log-warn .log-marker{background-color:var(--color-warn)}.log-line.log-info .log-marker{background-color:var(--color-info)}.log-line.log-debug .log-marker{background-color:#f97316}.log-timestamp{color:var(--body-mid);width:140px;flex-shrink:0;-webkit-user-select:none;user-select:none;display:inline-block;padding-left:var(--space-1)}.log-badge{display:flex;justify-content:center;align-items:center;width:56px;font-size:10px;padding:0 4px;height:18px;border-radius:var(--radius-full);text-transform:capitalize;font-weight:600}.log-badge.log-badge-error{background-color:#ef444433;color:#fca5a5}.log-badge.log-badge-warn{background-color:#eab30833;color:#fde047}.log-badge.log-badge-info{background-color:#3b82f633;color:#93c5fd}.log-badge.log-badge-debug{background-color:#f9731633;color:#fdba74}.log-content{color:var(--ink);white-space:pre-wrap;word-break:break-all}.log-search-highlight{background-color:#c2410ccc;font-weight:700}.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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.dashboard-stats{display:flex;gap:var(--space-3)}.stat-chip{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);text-align:center;min-width:88px}.stat-value{display:block;font-family:var(--font-mono);font-size:24px;line-height:1;letter-spacing:-.6px;font-weight:400;color:var(--ink)}.stat-error .stat-value{color:var(--color-error)}.stat-label{display:block;font-family:var(--font-mono);font-size:12px;color:var(--body-mid);text-transform:uppercase;letter-spacing:1.2px;margin-top:6px}.container-filter{position:relative;margin-top:var(--space-4);max-width:320px}.container-filter-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--body-mid);pointer-events:none}.container-filter .search-input{max-width:320px;padding-left:36px;width:100%}.filter-empty{font-family:var(--font-mono);font-size:13px;color:var(--body-mid);padding:var(--space-6) 0;text-align:center}.skeleton-card{display:flex;flex-direction:column;gap:0;padding:var(--space-6);background:var(--canvas-card)}.system-panel{margin-bottom:var(--space-10)}.system-panel-head{margin-bottom:var(--space-6)}.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.metric-card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-6)}.metric-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);min-height:32px;flex-wrap:nowrap}.metric-value{font-size:24px;line-height:1;letter-spacing:-.6px;font-weight:400;color:var(--ink)}.metric-label-group{display:inline-flex;align-items:center;gap:var(--space-2)}.metric-icon{width:16px;height:16px;flex:none;color:var(--body-mid)}.metric-card .metric-value.net-value{display:inline-flex;align-items:center;gap:var(--space-4);font-size:18px;letter-spacing:-.2px}.net-rate{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--metric-net-down)}.net-rate-up{color:var(--metric-net-up)}.metric-legend{display:inline-flex;align-items:center;gap:var(--space-2)}.metric-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--body-mid);flex:none}.metric-legend-label{font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mid)}.metric-legend-suffix{color:var(--body-mid);opacity:.7}.chart-canvas-wrap{position:relative;height:160px;width:100%}.chart-canvas-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.metrics-sticky{position:fixed;top:0;left:0;right:0;z-index:200;background:#0a0a0ad9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--t-slow) var(--ease-out),opacity var(--t-slow) var(--ease-out)}.metrics-sticky.visible{transform:translateY(0);opacity:1;pointer-events:auto}.metrics-sticky-inner{max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;gap:var(--space-5)}.metrics-sticky-back{color:var(--body-mid);font-family:var(--font-mono);font-size:14px;text-decoration:none;transition:color var(--t-fast) var(--ease-in-out)}.metrics-sticky-back:hover{color:var(--ink)}.metrics-sticky-name{color:var(--ink);font-size:14px;letter-spacing:-.2px;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.sticky-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.6px;color:var(--body)}.sticky-label{color:var(--body-mid);text-transform:uppercase;letter-spacing:1.2px}.sticky-value{color:var(--ink)}.sticky-dot{width:8px;height:8px;border-radius:50%;flex:none}.sticky-dot-cpu{background:var(--metric-cpu)}.sticky-dot-memory{background:var(--metric-memory)}@media (max-width: 640px){.metrics-sticky-name{display:none}.metrics-sticky-inner{gap:var(--space-3)}}.chart-canvas-wrap-detail{position:relative;height:220px;width:100%}.chart-canvas-wrap-detail canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.logs-toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.btn-icon-svg{width:16px;height:16px;flex:none}.live-dot-btn{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.toggle-chip{padding:var(--space-1) var(--space-3);border-radius:9999px;background:transparent;color:var(--body-mid);font-family:var(--font-mono);font-size:12px;letter-spacing:1.2px;border:1px solid var(--hairline);cursor:pointer;transition:border-color var(--t-fast) var(--ease-in-out),color var(--t-fast) var(--ease-in-out)}.toggle-chip:hover{color:var(--ink);border-color:var(--outline)}.toggle-chip.active{background:var(--ink);color:var(--on-primary);border-color:var(--ink)}.level-filters{display:inline-flex;gap:var(--space-2)}.level-pill{padding:var(--space-1) var(--space-3);border-radius:9999px;background:transparent;color:var(--body-mid);font-family:var(--font-mono);font-size:11px;letter-spacing:1.2px;border:1px solid var(--hairline);cursor:pointer;transition:border-color var(--t-fast) var(--ease-in-out),color var(--t-fast) var(--ease-in-out)}.level-pill:hover,.level-pill[data-level=info].active{color:var(--ink);border-color:var(--outline)}.level-pill[data-level=warn].active{color:var(--color-warn);border-color:var(--color-warn)}.level-pill[data-level=error].active{color:var(--color-error);border-color:var(--color-error)}.regex-hint{font-family:var(--font-mono);font-size:12px;color:var(--body-mid);margin-top:var(--space-2)}.log-buffer-bar{position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:9999px;border:1px solid var(--outline);background:#60a5fa1a;color:var(--color-info);font-family:var(--font-mono);font-size:12px;letter-spacing:.6px;cursor:pointer;z-index:2;transition:background var(--t-fast) var(--ease-in-out),border-color var(--t-fast) var(--ease-in-out)}.log-buffer-bar:hover{background:#60a5fa29;border-color:var(--color-info)}.log-buffer-bar[hidden]{display:none}.log-buffer-bar .buffer-count{font-weight:400}.detail-icon{display:inline-flex;color:var(--body-mid)}.detail-icon svg{width:28px;height:28px}.title-icon{width:18px;height:18px;color:var(--body-mid);flex:none}.chart-title{display:inline-flex;align-items:center;gap:var(--space-2)}.metric-dot-cpu{background:var(--metric-cpu)}.metric-dot-memory{background:var(--metric-memory)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0a0a0ab3}.shortcuts-card{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:8px;padding:var(--space-6);min-width:320px}.shortcuts-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0}.shortcuts-list li{display:flex;align-items:center;gap:var(--space-4);font-size:14px;color:var(--body)}.shortcuts-list kbd{font-family:var(--font-mono);font-size:12px;color:var(--ink);background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:6px;padding:2px 8px;min-width:40px;text-align:center}.logs-fullscreen-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-2)}.scroll-controls{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:50;display:flex;justify-content:flex-end}