@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);position:relative;z-index:2}.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)}.navbar-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin:-8px 0;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--canvas-card);color:var(--ink);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.navbar-toggle:hover{border-color:var(--outline)}.navbar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;border:0;padding:0;background:#00000080;cursor:default}.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.is-dragging{opacity:.45}.container-group.is-drag-over{border-color:var(--outline);box-shadow:inset 0 2px 0 0 var(--accent-sunset)}.group-drag-handle{display:inline-flex;align-items:center;justify-content:center;color:var(--body-mid);cursor:grab;opacity:.45;transition:opacity var(--transition-fast),color var(--transition-fast);flex-shrink:0;touch-action:none}.container-group-header:hover .group-drag-handle{opacity:1}.group-drag-handle:hover{color:var(--ink)}.group-drag-handle:active{cursor:grabbing}.container-group-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);cursor:grab;background:var(--canvas-card);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.container-group-header:active{cursor:grabbing}.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;-moz-appearance:none;appearance:none;border:none;flex:none;width:24px;height:24px;aspect-ratio:1 / 1;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-edit-color::-moz-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(--color-success);animation:pulse-dot 1.5s ease-in-out infinite}.live-indicator.is-paused{color:var(--color-warn)}.live-indicator.is-paused .live-dot{background:var(--color-warn);animation:none}.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-toggle{display:inline-flex}.navbar-backdrop{display:block}.navbar-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-2) var(--space-4) var(--space-4);background:var(--canvas);border-bottom:1px solid var(--hairline);box-shadow:0 12px 24px #0006;display:none}.navbar-links.open{display:flex;animation:fade-in .18s ease-out both}.navbar-links li{width:100%;border-bottom:1px solid var(--hairline)}.navbar-links li:last-child{border-bottom:none}.navbar-links a{display:block;padding:var(--space-3) 0;font-size:16px}.navbar-links #navbar-user{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-4) 0 var(--space-2)}.navbar-links #navbar-user .navbar-user-email{font-size:13px}.navbar-links #navbar-user .btn{width:100%;justify-content:center}.dashboard-toolbar{gap:var(--space-2)}.toolbar-search{flex:1 1 100%;max-width:none;order:-1}.toolbar-spacer{display:none}.detail-header{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.container-table .ct-th:nth-child(3),.container-table .ct-td:nth-child(3),.container-table .ct-th:nth-child(6),.container-table .ct-td:nth-child(6){display:none}}@media (max-width: 480px){.time-range{flex-wrap:wrap}.dashboard-stats{width:100%}.stat-chip{flex:1 1 0;min-width:0}}.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);transition:border-color var(--transition-fast)}.rule-card:hover,.channel-card:hover{border-color:var(--outline)}.rule-card[data-sev]{border-left-width:3px;border-left-style:solid;border-left-color:var(--hairline)}.rule-card[data-sev=critical]{border-left-color:#ef44448c}.rule-card[data-sev=warning]{border-left-color:#facc158c}.rule-card[data-sev=info]{border-left-color:#60a5fa8c}.rule-card.rule-card-firing{border-color:#ef444459;border-left-color:var(--color-error);background:#ef44440d}.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 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-wrap{border-bottom:1px solid var(--hairline)}.event-row-wrap:last-child{border-bottom:0}.event-row-wrap .event-row{border-bottom:0}.event-row{border-left:2px solid transparent;transition:background var(--transition-fast)}.event-row:hover{background:var(--canvas-soft)}.event-row[data-status=firing]{border-left-color:#ef444499}.event-row[data-status=pending]{border-left-color:#facc1599}.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}.event-analyze-btn{white-space:nowrap;font-family:var(--font-mono)}.event-analysis{margin:0 var(--space-4) var(--space-3);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.event-analysis-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--body-mid)}.event-analysis-text{margin:0;font-size:13px;line-height:1.55;color:var(--body);white-space:pre-wrap}.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)}.active-alerts-banner{background:#ef44440f;border:1px solid rgba(239,68,68,.35);border-left:3px solid var(--color-error);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.active-alerts-head{display:inline-flex;align-items:center;gap:var(--space-3)}.active-alerts-title{font-family:var(--font-mono);font-size:14px;font-weight:400;letter-spacing:.4px;color:var(--color-error);margin:0}.active-alerts-pulse{width:9px;height:9px;border-radius:50%;background:var(--color-error);box-shadow:0 0 #ef44448c;animation:alert-pulse 1.8s var(--ease-out) infinite;flex-shrink:0}@keyframes alert-pulse{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 7px #ef444400}to{box-shadow:0 0 #ef444400}}@media (prefers-reduced-motion: reduce){.active-alerts-pulse{animation:none}}.active-alerts-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.active-alert-item{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-family:var(--font-mono);font-size:13px}.active-alert-name{color:var(--ink);font-size:14px}.active-alert-value{color:var(--body);font-variant-numeric:tabular-nums}.active-alert-since{color:var(--body-mid);font-size:12px;margin-left:auto}.alerts-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#070708b8;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);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;animation:alertsOverlayIn .16s ease-out}@keyframes alertsOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes alertsCardIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.alerts-modal-card{position:relative;background:linear-gradient(180deg,#ffffff08,#fff0 120px),var(--canvas-card);border:1px solid var(--hairline);border-radius:14px;width:100%;max-width:560px;max-height:calc(100dvh - 2 * var(--space-8));display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px #ffffff0a inset,0 24px 60px -20px #000000b3;animation:alertsCardIn .2s cubic-bezier(.22,1,.36,1)}.alerts-modal-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);pointer-events:none}.alerts-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--hairline)}.alerts-modal-heading{display:flex;flex-direction:column;gap:4px;min-width:0}.alerts-modal-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--body-mid)}.alerts-modal-title{font-size:21px;font-weight:400;color:var(--ink);letter-spacing:-.4px;line-height:1.1}.alerts-modal-sub{font-size:12.5px;color:var(--body-mid);line-height:1.4;max-width:42ch}.alerts-modal-close{flex-shrink:0;background:transparent;color:var(--body-mid);border:1px solid var(--hairline);border-radius:var(--radius-full);width:30px;height:30px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:16px;transition:color .12s ease,border-color .12s ease,background .12s ease}.alerts-modal-close:hover{color:var(--ink);border-color:var(--outline);background:var(--canvas-soft)}.alerts-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6) var(--space-6);overflow-y:auto}.form-hint{font-family:var(--font-mono);font-size:11px;line-height:1.45;color:var(--body-mid)}.form-hint code{font-family:var(--font-mono);color:var(--body);background:var(--canvas-soft);border:1px solid var(--hairline);border-radius:4px;padding:0 4px}.type-card-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.type-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--hairline);border-radius:10px;background:var(--canvas-soft);cursor:pointer;text-align:left;transition:border-color .12s ease,background .12s ease,transform .12s ease}.type-card:hover:not(:disabled){border-color:var(--outline);transform:translateY(-1px)}.type-card.active{border-color:var(--ink);background:linear-gradient(180deg,#ffffff0f,#fff0)}.type-card:disabled{cursor:not-allowed}.type-card:disabled:not(.active){opacity:.4}.type-card-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--hairline);background:var(--canvas);color:var(--body)}.type-card.active .type-card-icon{color:var(--ink);border-color:var(--outline)}.type-card-text{display:flex;flex-direction:column;gap:2px}.type-card-label{font-size:13px;color:var(--ink);letter-spacing:-.2px}.type-card-desc{font-family:var(--font-mono);font-size:10px;letter-spacing:.4px;color:var(--body-mid)}.entity-picker{display:flex;flex-direction:column;gap:var(--space-2)}.entity-picker-search{position:relative;display:flex;align-items:center}.entity-picker-search-icon{position:absolute;left:var(--space-3);color:var(--body-mid);pointer-events:none}.entity-picker-input{width:100%;background:var(--canvas-soft);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-2) 56px var(--space-2) 34px;font-family:var(--font-mono);font-size:13px}.entity-picker-input:focus{outline:none;border-color:var(--outline)}.entity-picker-count{position:absolute;right:var(--space-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.5px;color:var(--body-mid)}.entity-picker-list{display:flex;flex-direction:column;gap:2px;max-height:230px;overflow-y:auto;border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-1);background:var(--canvas-soft)}.entity-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;text-align:left;transition:background .1s ease,border-color .1s ease}.entity-option:hover{background:var(--canvas)}.entity-option.selected{background:linear-gradient(180deg,#ffffff12,#ffffff05);border-color:var(--outline)}.entity-option-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.entity-option-name{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-option-id{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.4px;color:var(--body-mid)}.entity-option-check{color:var(--ink);flex-shrink:0}.ep-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.ep-dot--ok{background:var(--color-success);box-shadow:0 0 0 3px #34d39926}.ep-dot--err{background:var(--color-error)}.ep-dot--off{background:var(--body-mid)}.entity-picker-empty,.entity-picker-hint{font-family:var(--font-mono);font-size:11px;color:var(--body-mid)}.entity-picker-empty{padding:var(--space-4);text-align:center}.entity-picker-hint strong{color:var(--body);font-weight:400}@media (max-width: 480px){.type-card-group{grid-template-columns:1fr}}.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);position:sticky;bottom:calc(-1 * var(--space-6));margin:var(--space-2) calc(-1 * var(--space-6)) calc(-1 * var(--space-6));padding:var(--space-4) var(--space-6);background:linear-gradient(180deg,rgba(25,25,25,0),var(--canvas-card) 40%);border-top:1px solid var(--hairline)}.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" "analyze analyze";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}.event-analyze-btn{grid-area:analyze;justify-self:start}}.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{position:relative;min-height:100vh;display:grid;place-items:center;padding:var(--space-8) var(--space-4);overflow:hidden}.login-aurora{position:absolute;top:-28%;left:50%;width:720px;height:720px;transform:translate(-50%);background:radial-gradient(circle at center,rgba(255,255,255,.045) 0%,rgba(255,255,255,.015) 38%,transparent 68%);pointer-events:none}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000 0%,transparent 62%);mask-image:radial-gradient(circle at 50% 38%,#000 0%,transparent 62%);opacity:.4;pointer-events:none}.login-stack{position:relative;z-index:1;width:100%;max-width:408px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.login-brand-badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--canvas-card);border:1px solid var(--hairline);box-shadow:inset 0 1px #ffffff0d}.login-brand-badge img{width:28px;height:28px}.login-brand .login-wordmark{font-family:var(--font-mono);font-weight:400;letter-spacing:.22em;font-size:13px;color:var(--body)}.login-card{width:100%;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);background:var(--canvas-card);box-shadow:inset 0 1px #ffffff0a,0 32px 64px -32px #000c}.login-card:hover{border-color:var(--hairline)}.login-header{display:flex;flex-direction:column;gap:6px}.login-title{font-size:22px;line-height:28px;font-weight:400;letter-spacing:-.4px;color:var(--ink);margin:0}.login-subtitle{font-size:13px;line-height:18px;color:var(--body-mid);margin:0}.login-divider{height:1px;border:0;margin:var(--space-1) 0 0;background:linear-gradient(90deg,transparent,var(--hairline) 18%,var(--hairline) 82%,transparent)}.login-card .form-input{width:100%}.login-field{position:relative;display:flex}.login-field .form-input{padding-left:40px;height:44px;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.login-field .form-input:focus{background:var(--canvas-soft);box-shadow:0 0 0 3px #ffffff0d}.login-field-icon{position:absolute;top:50%;left:13px;transform:translateY(-50%);display:inline-flex;color:var(--body-mid);pointer-events:none;transition:color var(--transition-fast)}.login-field:focus-within .login-field-icon{color:var(--body)}.login-field--password .form-input{padding-right:44px}.login-password-toggle{position:absolute;top:50%;right:7px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;background:transparent;color:var(--body-mid);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.login-password-toggle:hover{color:var(--ink);background:var(--canvas-soft)}.login-password-toggle:focus-visible{outline:none;color:var(--ink);box-shadow:0 0 0 1px var(--outline)}.login-options{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:calc(var(--space-1) * -1)}.login-remember{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--body-mid);cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input{width:15px;height:15px;accent-color:var(--ink);cursor:pointer}.login-remember:hover{color:var(--body)}.login-secure{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:var(--space-1);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--body-mid)}.login-secure svg{color:var(--color-success);opacity:.85}.login-submit{width:100%;height:46px;margin-top:var(--space-1);justify-content:center;display:inline-flex;align-items:center;gap:var(--space-2);font-size:15px;letter-spacing:.01em}.login-submit:disabled{opacity:.6;cursor:default}.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-firing.is-active{border-color:#ef444473;background:#ef444414}.stat-firing.is-active .stat-value{color:var(--color-error)}.stat-pending .stat-value{color:var(--body)}.stat-silenced .stat-value{color:var(--body-mid)}.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}.dashboard-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.toolbar-search{position:relative;flex:1 1 240px;min-width:200px;max-width:360px}.toolbar-search .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}.toolbar-search .search-input{width:100%;padding-left:36px}.toolbar-spacer{flex:1 1 auto}.seg{display:inline-flex;border:1px solid var(--hairline);border-radius:9999px;padding:2px;gap:2px}.seg-btn{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);border:none;background:transparent;color:var(--body-mid);font-family:var(--font-mono);font-size:11px;letter-spacing:1px;border-radius:9999px;cursor:pointer;transition:color var(--t-fast) var(--ease-in-out),background var(--t-fast) var(--ease-in-out)}.seg-btn:hover{color:var(--ink)}.seg-btn.active{background:var(--ink);color:var(--on-primary)}.seg-caret{font-size:8px;line-height:1}.view-toggle{display:inline-flex;border:1px solid var(--hairline);border-radius:9999px;padding:2px;gap:2px}.view-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;border:none;background:transparent;color:var(--body-mid);border-radius:9999px;cursor:pointer;transition:color var(--t-fast) var(--ease-in-out),background var(--t-fast) var(--ease-in-out)}.view-btn:hover{color:var(--ink)}.view-btn.active{background:var(--ink);color:var(--on-primary)}.container-table-wrap{padding:0;overflow-x:auto}.container-table{width:100%;border-collapse:collapse;font-size:13px}.container-table thead tr{border-bottom:1px solid var(--hairline)}.ct-th{text-align:left;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mid);font-weight:400;white-space:nowrap;-webkit-user-select:none;user-select:none}.ct-th:not(.ct-th-static){cursor:pointer}.ct-th:not(.ct-th-static):hover{color:var(--ink)}.ct-th.active{color:var(--ink)}.ct-th-inner{display:inline-flex;align-items:center;gap:4px}.ct-sort-caret{font-size:8px}.ct-right{text-align:right}.ct-row{border-bottom:1px solid var(--hairline);transition:background var(--t-fast) var(--ease-in-out)}.ct-row:last-child{border-bottom:none}.ct-row:hover{background:#ffffff05}.ct-td{padding:var(--space-2) var(--space-4);vertical-align:middle;white-space:nowrap}.ct-td.ct-right{text-align:right}.ct-muted{color:var(--body-mid);font-size:12px}.ct-name{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink);text-decoration:none;font-weight:400}.ct-name:hover{color:var(--metric-cpu)}.ct-name-icon{color:var(--body-mid);flex:none}.ct-metric{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.ct-metric-val{min-width:48px;text-align:right}.ct-bar{display:inline-block;width:56px;height:3px;background:var(--hairline);border-radius:9999px;overflow:hidden}.ct-bar-fill{display:block;height:100%;background:var(--ink);border-radius:9999px;transition:width var(--transition-normal)}.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}