@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--blue-50:#eaeefb;--blue-100:#d6def7;--blue-300:#8aa0ee;--blue-500:#3b5bdb;--blue-600:#2f49b0;--blue-700:#25387f;--purple-50:#efeafb;--purple-500:#7c5cdb;--purple-600:#5f43b0;--green-50:#e6f5ef;--green-500:#1ca672;--green-600:#15875c;--amber-50:#fbf0e0;--amber-500:#c07b1a;--amber-600:#9a610f;--red-50:#fceaec;--red-500:#e23b46;--red-600:#b92b35;--slate-0:#fff;--slate-25:#fbfbfd;--slate-50:#f5f6fa;--slate-100:#eef0f5;--slate-200:#e7e9f0;--slate-300:#d4d8e3;--slate-400:#9aa3b8;--slate-500:#6f7892;--slate-600:#5a6479;--slate-700:#3a4257;--slate-900:#101426;--surface-bg:var(--slate-50);--surface-panel:var(--slate-0);--surface-sidebar:var(--slate-25);--surface-muted:var(--slate-100);--surface-inset:var(--slate-50);--text-primary:var(--slate-900);--text-secondary:var(--slate-600);--text-tertiary:var(--slate-400);--text-on-primary:#fff;--border:var(--slate-200);--border-strong:var(--slate-300);--primary:var(--blue-500);--primary-hover:var(--blue-600);--primary-soft:var(--blue-50);--primary-fg:#fff;--content-accent:var(--purple-500);--content-accent-soft:var(--purple-50);--list-accent:var(--green-500);--status-ok:var(--green-500);--status-ok-soft:var(--green-50);--status-warn:var(--amber-500);--status-warn-soft:var(--amber-50);--status-error:var(--red-500);--status-error-soft:var(--red-50);--focus-ring:color-mix(in srgb, var(--primary) 45%, transparent)}[data-theme=dark]{--blue-500:#5b7cff;--blue-600:#7a93ff;--blue-50:#16203a;--purple-500:#a386ff;--purple-50:#221a3a;--green-500:#2fcf95;--green-50:#0f2820;--amber-500:#dfa64a;--amber-50:#2a2010;--red-500:#ff5560;--red-50:#2a141a;--surface-bg:#0a0d15;--surface-panel:#161b29;--surface-sidebar:#0c0f1a;--surface-muted:#1f2533;--surface-inset:#0e1320;--text-primary:#e7eaf3;--text-secondary:#9aa2b6;--text-tertiary:#646c83;--text-on-primary:#fff;--border:#283044;--border-strong:#3a4358;--primary:var(--blue-500);--primary-hover:var(--blue-600);--primary-soft:var(--blue-50);--primary-fg:#fff;--content-accent:var(--purple-500);--content-accent-soft:var(--purple-50);--list-accent:var(--green-500);--status-ok:var(--green-500);--status-ok-soft:var(--green-50);--status-warn:var(--amber-500);--status-warn-soft:var(--amber-50);--status-error:var(--red-500);--status-error-soft:var(--red-50)}:root{--font-sans:"IBM Plex Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-display:23px;--text-h2:18px;--text-h3:15px;--text-body:14px;--text-sm:13px;--text-xs:12px;--text-2xs:11px;--text-3xs:10.5px;--kpi-value:23px;--lh-tight:1.15;--lh-snug:1.35;--lh-normal:1.5;--ls-tight:-.02em;--ls-normal:0;--ls-label:.05em;--ls-eyebrow:.08em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--pad-page:22px;--pad-card:18px 20px;--gap-row:13px;--row-py:10px;--radius-xs:5px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-pill:999px;--sidebar-w:220px;--topbar-h:54px;--control-h:34px;--control-h-sm:28px;--hit-min:32px;--bw:1px;--bw-accent:2px;--shadow-none:none;--shadow-xs:0 1px 2px #1014260d;--shadow-sm:0 1px 3px #10142612, 0 1px 2px #1014260a;--shadow-md:0 4px 14px #10142614, 0 1px 3px #1014260d;--shadow-lg:0 12px 32px #10142624;--glow-ok:0 0 7px var(--status-ok);--glow-error:0 0 7px var(--status-error);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-normal:.18s;--dur-slow:.26s}[data-theme=dark]{--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 6px 20px #00000073, 0 1px 3px #0006;--shadow-lg:0 16px 40px #0009}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-normal);color:var(--text-primary);background:var(--surface-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}*,:before,:after{box-sizing:border-box}.fk-num{font-variant-numeric:tabular-nums}.fk-mono{font-family:var(--font-mono)}.fk-focusable:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.fk-eyebrow{font-size:var(--text-3xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--fw-semibold)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}.fkBtn{font-family:var(--font-sans);font-weight:var(--fw-semibold);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast),opacity var(--dur-fast);height:var(--control-h);font-size:var(--text-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.fkBtn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.fkBtn:active{opacity:.9}.fkBtn[disabled]{opacity:.45;cursor:not-allowed}.fkBtn--sm{height:var(--control-h-sm);font-size:var(--text-xs);padding:0 10px}.fkBtn--lg{height:40px;font-size:var(--text-body);padding:0 18px}.fkBtn--primary{background:var(--primary);color:var(--primary-fg)}.fkBtn--primary:hover{background:var(--primary-hover)}.fkBtn--secondary{background:var(--surface-panel);color:var(--text-primary);border-color:var(--border-strong)}.fkBtn--secondary:hover{background:var(--surface-muted)}.fkBtn--ghost{color:var(--text-secondary);background:0 0}.fkBtn--ghost:hover{background:var(--surface-muted);color:var(--text-primary)}.fkBtn--danger{background:var(--status-error);color:#fff}.fkBtn--danger:hover{filter:brightness(1.05)}.fkBtn__ic{width:15px;height:15px;display:inline-flex}.fkStatus{font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--fw-bold);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:3px 9px;line-height:1.4;display:inline-flex}.fkStatus__dot{border-radius:50%;flex:none;width:6px;height:6px}.fkStatus--active{color:var(--status-ok);background:var(--status-ok-soft)}.fkStatus--active .fkStatus__dot{background:var(--status-ok);box-shadow:var(--glow-ok)}.fkStatus--paused{color:var(--text-secondary);background:var(--surface-muted)}.fkStatus--paused .fkStatus__dot{background:var(--text-tertiary)}.fkStatus--error{color:var(--status-error);background:var(--status-error-soft)}.fkStatus--error .fkStatus__dot{background:var(--status-error);box-shadow:var(--glow-error)}.fkTag{font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--fw-semibold);border-radius:var(--radius-xs);white-space:nowrap;align-items:center;padding:2px 8px;line-height:1.5;display:inline-flex}.fkTag--content{color:var(--content-accent);background:var(--content-accent-soft)}.fkTag--list{color:var(--list-accent);background:var(--status-ok-soft)}.fkTag--neutral{color:var(--text-secondary);background:var(--surface-muted)}.fkTag--plain{color:var(--text-secondary);border:1px solid var(--border);background:0 0;padding:1px 8px}.fkKpi{background:var(--surface-panel);padding:13px 20px}.fkKpi__l{font-size:var(--text-3xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-tertiary)}.fkKpi__v{font-size:var(--kpi-value);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);font-variant-numeric:tabular-nums;margin-top:5px;line-height:1}.fkKpi__v--ok{color:var(--status-ok)}.fkKpi__v--error{color:var(--status-error)}.fkKpi__v--warn{color:var(--status-warn)}.fkKpi__v--primary{color:var(--primary)}.fkKpi__d{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:3px}.fkKpi--card{border:1px solid var(--border);border-radius:var(--radius-xl)}.fkSeg{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-panel);display:inline-flex;overflow:hidden}.fkSeg__o{appearance:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);border:none;border-right:1px solid var(--border);transition:background var(--dur-fast),color var(--dur-fast);white-space:nowrap;background:0 0;padding:6px 13px}.fkSeg__o:last-child{border-right:none}.fkSeg__o:hover{background:var(--surface-muted)}.fkSeg__o[aria-pressed=true]{background:var(--primary-soft);color:var(--primary);font-weight:var(--fw-semibold)}.fkSeg__o:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.fkField{flex-direction:column;gap:6px;display:flex}.fkField__lab{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-secondary)}.fkInput{height:var(--control-h);background:var(--surface-panel);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast),box-shadow var(--dur-fast);align-items:center;gap:8px;padding:0 11px;display:flex}.fkInput:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.fkInput__ic{color:var(--text-tertiary);flex:none;width:15px;height:15px;display:inline-flex}.fkInput input,.fkInput textarea{min-width:0;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.fkInput input::placeholder{color:var(--text-tertiary)}.fkInput--mono input,.fkInput--mono textarea{font-family:var(--font-mono)}.fkInput--invalid{border-color:var(--status-error)}.fkNav{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;border-left:var(--bw-accent) solid transparent;transition:background var(--dur-fast),color var(--dur-fast);align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.fkNav:hover{background:var(--surface-muted);color:var(--text-primary)}.fkNav--active{background:var(--primary-soft);color:var(--primary);border-left-color:var(--primary);font-weight:var(--fw-semibold)}.fkNav__sw{border-radius:2px;flex:none;width:8px;height:8px}.fkShell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.fkSidebar{background:var(--surface-sidebar);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:14px 12px;display:flex}.fkSidebar__brand{font-weight:var(--fw-bold);font-size:var(--text-h3);align-items:center;gap:8px;padding:6px 12px 14px;display:flex}.fkTopbar{height:var(--topbar-h);border-bottom:1px solid var(--border);padding:0 var(--pad-page);background:var(--surface-panel);align-items:center;gap:14px;display:flex}.fkTopbar__title{font-weight:var(--fw-semibold)}.fkMain{flex-direction:column;min-width:0;display:flex}.fkContent{padding:var(--pad-page);min-width:0}.fkKpiStrip{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-panel);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.fkKpiStrip>.fkKpi+.fkKpi{border-left:1px solid var(--border)}.fkTable{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.fkTable th{text-align:left;font-size:var(--text-3xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--fw-semibold);padding:8px var(--gap-row);border-bottom:1px solid var(--border)}.fkTable td{padding:var(--row-py) var(--gap-row);border-bottom:1px solid var(--border);vertical-align:middle}.fkTable tbody tr{cursor:pointer;transition:background var(--dur-fast)}.fkTable tbody tr:hover{background:var(--surface-muted)}.fkGroupHead{font-size:var(--text-3xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--fw-semibold);padding:14px var(--gap-row) 6px;align-items:center;gap:8px;display:flex}.fkLed{border-radius:50%;flex:none;display:inline-block}.fkLed--active{background:var(--status-ok);box-shadow:var(--glow-ok)}.fkLed--error{background:var(--status-error);box-shadow:var(--glow-error)}.fkLed--paused{background:var(--text-tertiary)}.fkBrandMark{background:var(--primary);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.fkCount{border-radius:var(--radius-pill);background:var(--surface-muted);min-width:18px;height:18px;color:var(--text-secondary);font-size:var(--text-2xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.fkNav__ic{flex:none;width:17px;height:17px;display:inline-flex}.fkNav__count{margin-left:auto}.fkSidebar__sec{font-size:var(--text-3xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--fw-semibold);padding:14px 12px 4px}.fkSidebar__user{border-top:1px solid var(--border);flex-direction:column;gap:1px;padding:10px 12px;display:flex}.fkSidebar__user .n{font-size:var(--text-sm);font-weight:var(--fw-medium)}.fkSidebar__user .m{font-size:var(--text-2xs);color:var(--text-tertiary);font-family:var(--font-mono)}.fkCrumb{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-left:8px}.fkIconBtn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-panel);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast);justify-content:center;align-items:center;display:inline-flex}.fkIconBtn:hover{background:var(--surface-muted);color:var(--text-primary)}.fkSearch{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset);height:32px;color:var(--text-tertiary);align-items:center;gap:7px;min-width:220px;padding:0 10px;display:flex}.fkSearch input{font:inherit;font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}.fkKpiGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.fkRecent{flex-direction:column;display:flex}.fkRecent__row{border-bottom:1px solid var(--border);font-size:var(--text-sm);align-items:center;gap:10px;padding:9px 0;display:flex}.fkRecent__row:last-child{border-bottom:none}.fkRecent__meta{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);gap:14px;margin-left:auto;display:flex}.fkCode{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:280px;padding:14px 16px;line-height:1.6;overflow:auto}.fkCellName{flex-direction:column;gap:1px;display:flex}.fkCellName .host{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-tertiary)}.fkDelta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm)}.fkDelta--pos{color:var(--status-ok)}.fkDelta--zero{color:var(--text-tertiary)}.fkTable td.led{width:1%;padding-right:0}.fkPanel{background:var(--surface-panel);border:1px solid var(--border);border-radius:var(--radius-xl)}.fkTabs{border-bottom:1px solid var(--border);gap:2px;display:flex}.fkTab{appearance:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);border:none;border-bottom:var(--bw-accent) solid transparent;background:0 0;padding:10px 14px}.fkTab--active{color:var(--primary);border-bottom-color:var(--primary);font-weight:var(--fw-semibold)}#root{min-height:100vh}