:root{--kf-bg: #0e1116;--kf-surface: #161b22;--kf-surface-raised: #1c232d;--kf-border: #2a323d;--kf-text: #e6edf3;--kf-text-muted: #9aa7b4;--kf-accent: #f0883e;--kf-accent-hover: #ff9d5c;--kf-ok: #2ea043;--kf-degraded: #d29922;--kf-offline: #6e7681;--kf-p0: #f85149;--kf-p1: #d29922;--kf-p2: #58a6ff;--kf-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--kf-font-mono: "SFMono-Regular", ui-monospace, "Cascadia Code", Menlo, monospace;--kf-space-1: 4px;--kf-space-2: 8px;--kf-space-3: 16px;--kf-space-4: 24px;--kf-space-5: 32px;--kf-radius: 8px}*{box-sizing:border-box}body{margin:0;background:var(--kf-bg);color:var(--kf-text);font-family:var(--kf-font-sans);-webkit-font-smoothing:antialiased}a{color:var(--kf-accent);text-decoration:none}a:hover{color:var(--kf-accent-hover)}.kf-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.kf-nav{background:var(--kf-surface);border-right:1px solid var(--kf-border);padding:var(--kf-space-4) var(--kf-space-3)}.kf-nav h1{font-size:16px;margin:0 0 var(--kf-space-4)}.kf-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--kf-space-1)}.kf-nav a{display:block;padding:var(--kf-space-2) var(--kf-space-3);border-radius:var(--kf-radius);color:var(--kf-text-muted)}.kf-nav a.active{background:var(--kf-surface-raised);color:var(--kf-text)}.kf-main{padding:var(--kf-space-5);min-width:0}.kf-nav-footer{margin-top:auto;padding-top:var(--kf-space-4);display:flex;flex-direction:column;gap:var(--kf-space-2);border-top:1px solid var(--kf-border)}.kf-nav-user{color:var(--kf-text-muted);font-size:13px}.kf-shell .kf-nav{display:flex;flex-direction:column}.kf-shell .kf-nav ul{flex:1}input,select,button{font-family:inherit;font-size:14px;color:var(--kf-text);background:var(--kf-surface-raised);border:1px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-2) var(--kf-space-3)}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--kf-accent);outline-offset:1px}button{cursor:pointer;background:var(--kf-accent);border-color:var(--kf-accent);color:#14100b;font-weight:600}button:hover:not(:disabled){background:var(--kf-accent-hover);border-color:var(--kf-accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.kf-btn-secondary,.kf-btn-ghost{display:inline-flex;align-items:center;gap:var(--kf-space-1);background:transparent;color:var(--kf-text);font-weight:500}.kf-btn-ghost{border-color:transparent;color:var(--kf-text-muted)}.kf-btn-ghost:hover:not(:disabled){background:var(--kf-surface-raised);color:var(--kf-text)}.kf-btn-active{background:color-mix(in srgb,var(--kf-accent) 20%,transparent);border-color:var(--kf-accent);color:var(--kf-text)}.kf-form-field{display:flex;flex-direction:column;gap:var(--kf-space-1);margin-bottom:var(--kf-space-3)}.kf-form-field label{font-size:13px;color:var(--kf-text-muted)}.kf-form-error{color:var(--kf-p0);font-size:13px;margin:0 0 var(--kf-space-2)}.kf-view-header{display:flex;align-items:center;justify-content:space-between;gap:var(--kf-space-3);margin-bottom:var(--kf-space-4)}.kf-filters{display:flex;gap:var(--kf-space-2)}.kf-empty{color:var(--kf-text-muted);font-size:14px}.kf-error-inline{color:var(--kf-p0);font-size:13px}.kf-loading{color:var(--kf-text-muted)}.kf-error{color:var(--kf-p0)}.kf-host-subtitle{color:var(--kf-text-muted);margin-top:calc(var(--kf-space-2) * -1);margin-bottom:var(--kf-space-3)}.kf-chip{display:inline-flex;align-items:center;padding:2px var(--kf-space-2);border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.kf-chip-health-online{background:color-mix(in srgb,var(--kf-ok) 20%,transparent);color:var(--kf-ok)}.kf-chip-health-degraded{background:color-mix(in srgb,var(--kf-degraded) 20%,transparent);color:var(--kf-degraded)}.kf-chip-health-offline{background:color-mix(in srgb,var(--kf-offline) 25%,transparent);color:var(--kf-text-muted)}.kf-chip-severity-p0{background:color-mix(in srgb,var(--kf-p0) 20%,transparent);color:var(--kf-p0)}.kf-chip-severity-p1{background:color-mix(in srgb,var(--kf-p1) 20%,transparent);color:var(--kf-p1)}.kf-chip-severity-p2{background:color-mix(in srgb,var(--kf-p2) 20%,transparent);color:var(--kf-p2)}.kf-chip-level-error{background:color-mix(in srgb,var(--kf-p0) 20%,transparent);color:var(--kf-p0)}.kf-chip-level-warn{background:color-mix(in srgb,var(--kf-p1) 20%,transparent);color:var(--kf-p1)}.kf-chip-level-info{background:color-mix(in srgb,var(--kf-p2) 20%,transparent);color:var(--kf-p2)}.kf-chip-verdict-likely-blocked{background:color-mix(in srgb,var(--kf-p0) 20%,transparent);color:var(--kf-p0)}.kf-chip-verdict-informational{background:color-mix(in srgb,var(--kf-p1) 20%,transparent);color:var(--kf-p1)}.kf-chip-verdict-clean{background:color-mix(in srgb,var(--kf-offline) 25%,transparent);color:var(--kf-text-muted)}.kf-chip-score-high{background:color-mix(in srgb,var(--kf-ok) 20%,transparent);color:var(--kf-ok)}.kf-chip-score-mid{background:color-mix(in srgb,var(--kf-degraded) 20%,transparent);color:var(--kf-degraded)}.kf-chip-score-low{background:color-mix(in srgb,var(--kf-p0) 20%,transparent);color:var(--kf-p0)}.kf-chip-score-unknown{background:color-mix(in srgb,var(--kf-offline) 25%,transparent);color:var(--kf-text-muted)}.kf-chip-dns-polluted{background:color-mix(in srgb,var(--kf-p0) 20%,transparent);color:var(--kf-p0)}.kf-chip-cn-layer{font-variant-numeric:tabular-nums}.kf-chip-cn-ok{background:color-mix(in srgb,var(--kf-ok) 20%,transparent);color:var(--kf-ok)}.kf-chip-cn-fail{background:color-mix(in srgb,var(--kf-p0) 20%,transparent);color:var(--kf-p0)}.kf-chip-cn-unknown{background:color-mix(in srgb,var(--kf-offline) 25%,transparent);color:var(--kf-text-muted)}.kf-chip-dns-clean{background:color-mix(in srgb,var(--kf-ok) 20%,transparent);color:var(--kf-ok)}.kf-badge{display:inline-flex;align-items:center;padding:2px var(--kf-space-2);border-radius:var(--kf-radius);font-size:12px;font-weight:600}.kf-badge-alert{background:color-mix(in srgb,var(--kf-p0) 25%,transparent);color:var(--kf-p0)}.kf-role-group{margin-bottom:var(--kf-space-5)}.kf-role-heading{text-transform:capitalize;color:var(--kf-text-muted);font-size:13px;letter-spacing:.04em;display:flex;align-items:center;gap:var(--kf-space-2)}.kf-role-count{background:var(--kf-surface-raised);border-radius:999px;padding:0 var(--kf-space-2);font-size:12px}.kf-host-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--kf-space-3);margin-top:var(--kf-space-2)}.kf-host-card{display:flex;flex-direction:column;gap:var(--kf-space-2);background:var(--kf-surface);border:1px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-3);color:var(--kf-text)}.kf-host-card:hover{border-color:var(--kf-accent)}.kf-host-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--kf-space-2)}.kf-host-name{font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf-host-card-top .kf-chip{flex-shrink:0}.kf-host-card-meta{display:flex;gap:var(--kf-space-2);color:var(--kf-text-muted);font-size:13px}.kf-host-card-meta span+span:before{content:"·";margin-right:var(--kf-space-2);opacity:.6}.kf-host-card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--kf-text-muted)}.kf-tile-row{display:flex;gap:var(--kf-space-3);flex-wrap:wrap;margin-bottom:var(--kf-space-4)}.kf-tile{display:flex;flex-direction:column;gap:var(--kf-space-1);background:var(--kf-surface);border:1px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-3);min-width:110px}.kf-tile-label{font-size:12px;color:var(--kf-text-muted);text-transform:uppercase;letter-spacing:.03em}.kf-tile-value{font-size:22px;font-weight:600}.kf-table{width:100%;border-collapse:collapse;margin-bottom:var(--kf-space-4);display:block;overflow-x:auto;white-space:nowrap}.kf-table th,.kf-table td{text-align:left;padding:var(--kf-space-2) var(--kf-space-3);border-bottom:1px solid var(--kf-border);font-size:13px}.kf-table th{color:var(--kf-text-muted);font-weight:500}.kf-table-mono td,.kf-mono{font-family:var(--kf-font-mono)}.kf-commands-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--kf-space-4);margin:var(--kf-space-3) 0 var(--kf-space-5)}.kf-command-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--kf-space-1)}.kf-command-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--kf-surface);color:var(--kf-text);font-weight:400;text-align:left}.kf-command-item-active{border-color:var(--kf-accent);background:var(--kf-surface-raised)}.kf-command-id{font-family:var(--kf-font-mono);font-size:13px;font-weight:600}.kf-command-desc{font-size:12px;color:var(--kf-text-muted)}.kf-command-detail{display:flex;flex-direction:column;gap:var(--kf-space-4)}.kf-params-form,.kf-run-output{background:var(--kf-surface);border:1px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-4)}.kf-run-status{font-size:13px;color:var(--kf-text-muted);margin-bottom:var(--kf-space-2)}.kf-output-pane{background:var(--kf-bg);border:1px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-3);font-family:var(--kf-font-mono);font-size:12px;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word}.kf-pull-form{background:var(--kf-surface);border:1px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--kf-space-3);align-items:end;margin-bottom:var(--kf-space-4)}.kf-alert-list{list-style:none;margin:0 0 var(--kf-space-5);padding:0;display:flex;flex-direction:column;gap:var(--kf-space-3)}.kf-alert-card{background:var(--kf-surface);border:1px solid var(--kf-border);border-left:3px solid var(--kf-p2);border-radius:var(--kf-radius);padding:var(--kf-space-3)}.kf-alert-card:has(.kf-chip-severity-p0){border-left-color:var(--kf-p0)}.kf-alert-card:has(.kf-chip-severity-p1){border-left-color:var(--kf-p1)}.kf-alert-card-top{display:flex;align-items:center;gap:var(--kf-space-2);margin-bottom:var(--kf-space-2)}.kf-alert-name{font-weight:600}.kf-alert-firedat{margin-left:auto;font-size:12px;color:var(--kf-text-muted)}.kf-alert-summary{margin:0 0 var(--kf-space-2);color:var(--kf-text)}.kf-alert-evidence{margin:0 0 var(--kf-space-2);padding-left:var(--kf-space-4);font-size:13px;color:var(--kf-text-muted)}.kf-alert-card-actions{display:flex;gap:var(--kf-space-2)}.kf-cn-toolbar{display:flex;align-items:center;gap:var(--kf-space-2)}.kf-cn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--kf-space-3)}.kf-cn-card{background:var(--kf-surface);border:1px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-3)}.kf-cn-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--kf-space-2);margin-bottom:var(--kf-space-2)}.kf-cn-target{font-family:var(--kf-font-mono);font-weight:600}.kf-cn-card-providers{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kf-space-3);margin-bottom:var(--kf-space-2)}.kf-cn-provider{display:flex;align-items:center;gap:var(--kf-space-1);font-size:13px;color:var(--kf-text-muted)}.kf-cn-provider-name{text-transform:capitalize}.kf-cn-card-actions{display:flex;gap:var(--kf-space-2)}.kf-cn-evidence{margin:var(--kf-space-2) 0 0;padding-left:var(--kf-space-4);font-size:13px;color:var(--kf-text-muted)}.kf-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--kf-bg)}.kf-login-card{width:320px;background:var(--kf-surface);border:1px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-5)}.kf-login-card h1{font-size:18px;margin:0 0 var(--kf-space-4)}.kf-login-card button{width:100%}.kf-login-hint{color:var(--kf-text-muted);font-size:13px;margin-top:0}.kf-toaster{position:fixed;bottom:var(--kf-space-4);right:var(--kf-space-4);display:flex;flex-direction:column;gap:var(--kf-space-2);z-index:1000}.kf-toast{display:flex;align-items:center;gap:var(--kf-space-3);background:var(--kf-surface-raised);border:1px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-2) var(--kf-space-3);min-width:240px;box-shadow:0 4px 16px #0006}.kf-toast-success{border-left:3px solid var(--kf-ok)}.kf-toast-error{border-left:3px solid var(--kf-p0)}.kf-toast-info{border-left:3px solid var(--kf-p2)}.kf-toast-dismiss{margin-left:auto;background:transparent;border:none;color:var(--kf-text-muted);padding:0 var(--kf-space-1);font-size:16px;line-height:1}.kf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.kf-modal-card{background:var(--kf-bg);border-radius:8px;padding:20px;min-width:360px;max-width:520px;max-height:85vh;overflow-y:auto}.kf-modal-title{margin-top:0}.kf-modal-form{display:flex;flex-direction:column;gap:var(--kf-space-3)}.kf-modal-form label{display:flex;flex-direction:column;gap:4px}.kf-modal-methods{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--kf-space-3);border:1px solid var(--kf-border);border-radius:6px;padding:var(--kf-space-2) var(--kf-space-3)}.kf-modal-methods label{flex-direction:row;align-items:center;gap:4px}.kf-modal-actions{display:flex;justify-content:flex-end;gap:var(--kf-space-3)}.kf-hint{color:var(--kf-text-muted);font-size:13px;margin:0 0 var(--kf-space-3)}.kf-form-row{display:flex;align-items:flex-end;gap:var(--kf-space-3);flex-wrap:wrap;margin-bottom:var(--kf-space-3)}.kf-form-row label{display:flex;flex-direction:column;gap:var(--kf-space-1);font-size:13px;color:var(--kf-text-muted)}.kf-minted-token{background:var(--kf-surface-raised);border:1px solid var(--kf-border);border-left:3px solid var(--kf-accent);border-radius:var(--kf-radius);padding:var(--kf-space-3);margin-bottom:var(--kf-space-3);display:flex;flex-direction:column;gap:var(--kf-space-2)}.kf-minted-token code{font-family:var(--kf-font-mono);word-break:break-all;-webkit-user-select:all;user-select:all}.kf-minted-token div{display:flex;gap:var(--kf-space-2)}.kf-btn-danger{background:transparent;border:1px solid color-mix(in srgb,var(--kf-p0) 50%,transparent);color:var(--kf-p0)}.kf-btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--kf-p0) 15%,transparent)}.kf-chip-token-active{background:color-mix(in srgb,var(--kf-ok) 20%,transparent);color:var(--kf-ok)}.kf-chip-token-used{background:color-mix(in srgb,var(--kf-p2) 20%,transparent);color:var(--kf-p2)}.kf-chip-token-revoked{background:color-mix(in srgb,var(--kf-p0) 20%,transparent);color:var(--kf-p0)}.kf-chip-token-expired{background:color-mix(in srgb,var(--kf-offline) 25%,transparent);color:var(--kf-text-muted)}.kf-chip-window-active{background:color-mix(in srgb,var(--kf-degraded) 20%,transparent);color:var(--kf-degraded)}.kf-chip-window-upcoming{background:color-mix(in srgb,var(--kf-p2) 20%,transparent);color:var(--kf-p2)}.kf-chip-window-ended{background:color-mix(in srgb,var(--kf-offline) 25%,transparent);color:var(--kf-text-muted)}.kf-chip-probe-ok{background:color-mix(in srgb,var(--kf-ok) 20%,transparent);color:var(--kf-ok)}.kf-chip-probe-paused{background:color-mix(in srgb,var(--kf-offline) 25%,transparent);color:var(--kf-text-muted)}.kf-chip-probe-error{background:color-mix(in srgb,var(--kf-p0) 20%,transparent);color:var(--kf-p0)}.kf-dash-fleet{margin-bottom:var(--kf-space-4)}.kf-pulse-bar{display:flex;gap:2px;height:30px}.kf-pulse-seg{flex:1;min-width:8px;border-radius:3px;transition:filter .12s ease}.kf-pulse-seg:hover,.kf-pulse-seg:focus-visible{filter:brightness(1.35);outline:1px solid var(--kf-text-muted);outline-offset:1px}.kf-pulse-seg-online{background:color-mix(in srgb,var(--kf-ok) 55%,var(--kf-surface))}.kf-pulse-seg-degraded{background:color-mix(in srgb,var(--kf-degraded) 65%,var(--kf-surface))}.kf-pulse-seg-offline{background:color-mix(in srgb,var(--kf-offline) 30%,var(--kf-surface));border:1px dashed color-mix(in srgb,var(--kf-offline) 60%,transparent)}.kf-pulse-counts{display:flex;gap:var(--kf-space-3);margin-top:var(--kf-space-2);font-size:13px;color:var(--kf-text-muted)}.kf-pulse-count-online:before,.kf-pulse-count-degraded:before,.kf-pulse-count-offline:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.kf-pulse-count-online:before{background:color-mix(in srgb,var(--kf-ok) 55%,var(--kf-surface))}.kf-pulse-count-degraded:before{background:color-mix(in srgb,var(--kf-degraded) 65%,var(--kf-surface))}.kf-pulse-count-offline:before{background:color-mix(in srgb,var(--kf-offline) 30%,var(--kf-surface))}.kf-pulse-more{margin-left:auto}.kf-tile-link{min-width:130px;text-decoration:none;color:var(--kf-text)}.kf-tile-link:hover{border-color:var(--kf-accent);color:var(--kf-text)}.kf-tile-denominator{font-size:14px;font-weight:400;color:var(--kf-text-muted)}.kf-tile-alarm-p0{border-color:color-mix(in srgb,var(--kf-p0) 55%,transparent)}.kf-tile-alarm-p0 .kf-tile-value{color:var(--kf-p0)}.kf-tile-alarm-p1{border-color:color-mix(in srgb,var(--kf-p1) 55%,transparent)}.kf-tile-alarm-p1 .kf-tile-value{color:var(--kf-p1)}.kf-attention-list,.kf-dash-errors{list-style:none;margin:0 0 var(--kf-space-4);padding:0;display:flex;flex-direction:column;gap:var(--kf-space-1)}.kf-attention-row,.kf-dash-error-row{display:flex;align-items:center;gap:var(--kf-space-3);padding:var(--kf-space-2) var(--kf-space-3);border:1px solid var(--kf-border);border-radius:var(--kf-radius);background:var(--kf-surface);color:var(--kf-text);font-size:13px}.kf-attention-row:hover,.kf-dash-error-row:hover{border-color:var(--kf-accent);color:var(--kf-text)}.kf-attention-name{font-weight:600;flex-shrink:0}.kf-attention-summary,.kf-dash-error-msg{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kf-text-muted)}.kf-attention-ago,.kf-dash-error-ago{color:var(--kf-text-muted);font-size:12px;flex-shrink:0}.kf-dash-error-host{flex-shrink:0;font-family:var(--kf-font-mono);font-size:12px}.kf-dash-cn{display:flex;flex-wrap:wrap;gap:var(--kf-space-2);margin-bottom:var(--kf-space-4)}.kf-dash-cn-item{display:inline-flex;align-items:center;gap:var(--kf-space-2);padding:var(--kf-space-2) var(--kf-space-3);border:1px solid var(--kf-border);border-radius:var(--kf-radius);background:var(--kf-surface);color:var(--kf-text);font-size:13px}.kf-dash-cn-item:hover{border-color:var(--kf-accent);color:var(--kf-text)}.kf-metrics-history{margin:var(--kf-space-4) 0;padding:var(--kf-space-3);border:1px solid var(--kf-border);border-radius:var(--kf-radius);background:var(--kf-surface)}.kf-host-metric-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--kf-space-3);margin-bottom:var(--kf-space-4)}.kf-host-metric-chart{min-width:0;padding:var(--kf-space-3);border:1px solid var(--kf-border);border-radius:var(--kf-radius);background:var(--kf-surface)}.kf-host-metric-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--kf-space-3);margin-bottom:var(--kf-space-2)}.kf-host-metric-chart-head h4{margin:0}.kf-host-metric-chart-head>span{color:var(--kf-text-muted);font-family:var(--kf-font-mono);font-size:11px}.kf-host-chart-legend{display:flex;flex-wrap:wrap;gap:var(--kf-space-1) var(--kf-space-3);margin-top:var(--kf-space-2);font-size:11px}.kf-host-metric-plot{position:relative}.kf-host-metric-chart .kf-metrics-chart{height:320px}.kf-host-chart-tooltip{position:absolute;z-index:2;display:grid;gap:2px;min-width:170px;padding:var(--kf-space-2);border:1px solid var(--kf-border);border-radius:var(--kf-radius);background:color-mix(in srgb,var(--kf-surface) 94%,transparent);box-shadow:0 4px 16px #0006;pointer-events:none}.kf-host-chart-tooltip strong{color:var(--kf-text);font-size:12px}.kf-host-chart-tooltip span,.kf-host-chart-tooltip time{color:var(--kf-text-muted);font-family:var(--kf-font-mono);font-size:11px}.kf-metrics-history-head{display:flex;align-items:center;justify-content:space-between;gap:var(--kf-space-3);margin-bottom:var(--kf-space-2)}.kf-metrics-history-head h3{margin:0}.kf-chart-legend{display:flex;gap:var(--kf-space-3);color:var(--kf-text-muted);font-size:12px}.kf-chart-key:before{content:"";display:inline-block;width:16px;height:2px;margin-right:6px;vertical-align:middle;background:currentColor}.kf-chart-key-cpu{color:var(--kf-accent)}.kf-chart-key-mem{color:var(--kf-p2)}.kf-metrics-chart{display:block;width:100%;height:180px;overflow:visible}.kf-chart-grid{stroke:var(--kf-border);stroke-width:.5;vector-effect:non-scaling-stroke}.kf-chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:opacity .12s ease,stroke-width .12s ease}.kf-chart-line-active{stroke-width:4}.kf-chart-line-muted,.kf-chart-key-muted{opacity:.18}.kf-chart-hover-target{fill:none;stroke:transparent;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:crosshair;vector-effect:non-scaling-stroke}.kf-chart-hover-target:focus{outline:none}.kf-chart-line-cpu{stroke:var(--kf-accent)}.kf-chart-line-mem{stroke:var(--kf-p2)}.kf-host-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:var(--kf-space-3)}.kf-host-settings-card{display:flex;flex-direction:column;gap:var(--kf-space-3);padding:var(--kf-space-3);border:1px solid var(--kf-border);border-radius:var(--kf-radius);background:var(--kf-surface)}.kf-host-settings-head,.kf-host-settings-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--kf-space-3)}.kf-host-settings-head strong,.kf-host-id{display:block}.kf-host-id,.kf-host-settings-foot{color:var(--kf-text-muted);font-family:var(--kf-font-mono);font-size:11px}.kf-host-config-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kf-space-2)}.kf-host-config-form label,.kf-host-config-form label span{display:block}.kf-host-config-form input{width:100%}.kf-host-config-form button,.kf-host-role-note{grid-column:1 / -1}.kf-host-role-note{margin:0}.kf-host-monitoring ul{display:flex;flex-direction:column;gap:var(--kf-space-2);margin:var(--kf-space-2) 0 0;padding:0;list-style:none}.kf-host-probe-form{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.5fr) auto;gap:var(--kf-space-2);align-items:end;margin-top:var(--kf-space-2)}.kf-host-probe-form label,.kf-host-probe-form label span{display:block}.kf-host-probe-form input,.kf-host-probe-form select{width:100%}.kf-host-monitoring li{display:flex;align-items:center;gap:var(--kf-space-2);min-width:0;font-size:12px}.kf-host-probe-target{flex:1;min-width:0;overflow:hidden;color:var(--kf-text-muted);text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.kf-host-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kf-host-config-form,.kf-host-probe-form{grid-template-columns:1fr}}@media(max-width:600px){.kf-host-settings-grid,.kf-host-metric-grid{grid-template-columns:1fr}.kf-host-metric-chart .kf-metrics-chart{height:240px}}@media(prefers-reduced-motion:reduce){.kf-pulse-seg,.kf-chart-line{transition:none}}.kf-system-banner,.kf-system-indicator{display:flex;align-items:center;gap:var(--kf-space-3);margin-bottom:var(--kf-space-4);padding:var(--kf-space-3);border:1px solid #d88b2b;border-radius:var(--kf-radius);background:color-mix(in srgb,#d88b2b 16%,var(--kf-surface))}.kf-system-banner a{margin-left:auto}.kf-system-banner-unavailable{border-color:#d44}.kf-system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--kf-space-3)}.kf-system-card{padding:var(--kf-space-3);border:1px solid var(--kf-border);border-radius:var(--kf-radius);background:var(--kf-surface)}.kf-system-card h3{margin-top:0}.kf-query-state{display:flex;align-items:center;justify-content:space-between;gap:var(--kf-space-3);padding:var(--kf-space-3);border:1px solid var(--kf-border);border-radius:var(--kf-radius)}.kf-query-state-error{border-color:#d88b2b}.kf-chart-controls{display:flex;flex-wrap:wrap;gap:var(--kf-space-3);margin-bottom:var(--kf-space-3)}.kf-chart-controls label{display:flex;align-items:center;gap:var(--kf-space-2);color:var(--kf-text-muted)}.kf-filter-check{display:inline-flex;align-items:center;gap:var(--kf-space-2)}@media(max-width:760px){.kf-shell{grid-template-columns:1fr}.kf-nav{position:static;border-right:0;border-bottom:1px solid var(--kf-border);padding:var(--kf-space-3)}.kf-nav ul{flex-direction:row;flex-wrap:wrap}.kf-nav-footer{flex-direction:row;align-items:center;margin-top:var(--kf-space-3);padding-top:var(--kf-space-3)}.kf-main{padding:var(--kf-space-3)}.kf-system-banner{align-items:flex-start;flex-direction:column}.kf-system-banner a{margin-left:0}}.kf-node-title{display:flex;flex-direction:column;gap:var(--kf-space-1)}.kf-subtitle{margin:0;color:var(--kf-text-muted);font-size:14px}.kf-node-substate-ok{background:color-mix(in srgb,var(--kf-ok) 18%,transparent);color:var(--kf-ok)}.kf-node-substate-disabled,.kf-node-substate-unconfigured{background:color-mix(in srgb,var(--kf-offline) 22%,transparent);color:var(--kf-text-muted)}.kf-node-substate-fetch_failing,.kf-node-substate-mihomo_failing{background:color-mix(in srgb,var(--kf-p0) 20%,transparent);color:var(--kf-p0)}.kf-node-stats{display:flex;gap:var(--kf-space-3);flex-wrap:wrap;margin-bottom:var(--kf-space-4)}.kf-node-stat{display:flex;flex-direction:column;gap:var(--kf-space-1);background:var(--kf-surface);border:1px solid var(--kf-border);border-bottom:2px solid var(--kf-border);border-radius:var(--kf-radius);padding:var(--kf-space-3);min-width:104px}.kf-node-stat-wide{min-width:132px}.kf-node-stat-up{border-bottom-color:var(--kf-ok)}.kf-node-stat-down{border-bottom-color:var(--kf-p0)}.kf-node-stat-unknown{border-bottom-color:var(--kf-offline)}.kf-node-stat-value{font-size:26px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.kf-node-stat-time{font-size:18px;font-weight:600;font-family:var(--kf-font-mono)}.kf-node-stat-label{font-size:12px;color:var(--kf-text-muted);text-transform:uppercase;letter-spacing:.03em}.kf-node-toolbar{display:flex;gap:var(--kf-space-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--kf-space-4)}.kf-node-search{flex:1 1 220px;min-width:180px}.kf-node-count{margin-left:auto;color:var(--kf-text-muted);font-size:13px;font-variant-numeric:tabular-nums}.kf-node-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--kf-space-3)}.kf-node-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--kf-space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.kf-node-card{position:relative;overflow:hidden;background:var(--kf-surface);border:1px solid var(--kf-border);border-left:3px solid var(--kf-node-hue, var(--kf-border));border-radius:var(--kf-radius);padding:var(--kf-space-3);display:flex;flex-direction:column;gap:var(--kf-space-2);transition:border-color .12s ease,transform .12s ease}.kf-node-card:hover{transform:translateY(-1px);border-top-color:color-mix(in srgb,var(--kf-node-hue, var(--kf-border)) 60%,var(--kf-border))}.kf-node-card-down{background:linear-gradient(180deg,color-mix(in srgb,var(--kf-p0) 6%,transparent),transparent 40%),var(--kf-surface)}.kf-node-card-head{display:flex;align-items:center;gap:var(--kf-space-2)}.kf-node-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.kf-node-dot-up{background:var(--kf-ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--kf-ok) 24%,transparent);animation:kf-node-pulse 2.4s ease-in-out infinite}.kf-node-dot-down{background:var(--kf-p0);box-shadow:0 0 0 3px color-mix(in srgb,var(--kf-p0) 22%,transparent)}.kf-node-dot-unknown{background:var(--kf-offline)}.kf-node-name{font-family:var(--kf-font-mono);font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kf-node-type{margin-left:auto;flex:0 0 auto;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--kf-text-muted);background:var(--kf-surface-raised);border:1px solid var(--kf-border);border-radius:999px;padding:1px var(--kf-space-2)}.kf-node-server{font-family:var(--kf-font-mono);font-size:12px;color:var(--kf-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kf-node-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--kf-space-3);margin-top:var(--kf-space-1)}.kf-node-latency{display:flex;flex-direction:column;gap:2px}.kf-node-latency-value{font-family:var(--kf-font-mono);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.kf-node-latency-up{color:var(--kf-text)}.kf-node-latency-down{color:var(--kf-p0)}.kf-node-latency-unknown{color:var(--kf-text-muted)}.kf-node-status-label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--kf-text-muted)}.kf-node-spark{width:96px;height:34px;flex:0 0 auto}.kf-node-spark-empty{border-bottom:1px dashed var(--kf-border);opacity:.5;align-self:flex-end}.kf-node-spark-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}@keyframes kf-node-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--kf-ok) 30%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--kf-ok) 8%,transparent)}}@media(prefers-reduced-motion:reduce){.kf-node-dot-up{animation:none}.kf-node-card{transition:none}}@media(max-width:760px){.kf-node-grid{grid-template-columns:1fr}.kf-node-count{margin-left:0}}