:root{--radius: 10px;--radius-lg: 14px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--speed: .14s}:root[data-theme=dark]{--bg: #0b0e14;--bg-soft: #11151d;--surface: #151a23;--surface-2: #1b2130;--surface-3: #232b3b;--border: #262e3d;--border-strong: #33405a;--text: #e8edf5;--text-dim: #98a4b8;--text-faint: #6b7688;--accent: #5b8cff;--accent-soft: rgba(91, 140, 255, .14);--accent-text: #ffffff;--ok: #35c47f;--ok-soft: rgba(53, 196, 127, .14);--warn: #e0a83a;--warn-soft: rgba(224, 168, 58, .14);--danger: #f2596b;--danger-soft: rgba(242, 89, 107, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .28);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3)}:root[data-theme=light]{--bg: #f4f6fa;--bg-soft: #eef1f7;--surface: #ffffff;--surface-2: #f6f8fc;--surface-3: #eaeff7;--border: #e0e6f0;--border-strong: #c6d0e0;--text: #131824;--text-dim: #5a6478;--text-faint: #8a94a8;--accent: #2f6bf0;--accent-soft: rgba(47, 107, 240, .1);--accent-text: #ffffff;--ok: #12915a;--ok-soft: rgba(18, 145, 90, .1);--warn: #a76d09;--warn-soft: rgba(167, 109, 9, .1);--danger: #d32a45;--danger-soft: rgba(211, 42, 69, .09);--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .08);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:19px}h2{font-size:15px}p{margin:0}.muted{color:var(--text-dim)}.mono{font-family:var(--mono);font-size:12.5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;font-size:13.5px;font-weight:550;cursor:pointer;transition:background var(--speed),border-color var(--speed),transform var(--speed);white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08);background:var(--danger)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;transition:background var(--speed),color var(--speed),border-color var(--speed)}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text);border-color:var(--border)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-go:hover:not(:disabled){color:var(--ok)}.icon-btn-danger:hover:not(:disabled){color:var(--danger)}:where(button,input,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand-name{font-weight:650;letter-spacing:-.01em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.topbar-actions{display:flex;align-items:center;gap:6px}.link-state{display:inline-flex;align-items:center;gap:7px;margin-right:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border)}.link-state.ok .pill-dot{background:var(--ok);animation:pulse 2s infinite}.link-state.down{color:var(--warn)}.link-state.down .pill-dot{background:var(--warn)}.content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:22px 20px 48px;display:flex;flex-direction:column;gap:18px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.tile{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tile-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--surface-3);color:var(--text-dim);flex-shrink:0}.tile-ok .tile-icon{background:var(--ok-soft);color:var(--ok)}.tile-warn .tile-icon{background:var(--warn-soft);color:var(--warn)}.tile-body{display:flex;flex-direction:column;min-width:0}.tile-label{font-size:12px;color:var(--text-dim)}.tile-value{font-size:21px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.25}.tile-sub{font-size:11.5px;color:var(--text-faint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.count{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--surface-3);color:var(--text-dim);font-size:12px;font-weight:600}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}thead th{position:sticky;top:0;background:var(--surface-2);color:var(--text-dim);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--speed)}tbody tr:hover{background:var(--surface-2)}.num{text-align:right;font-variant-numeric:tabular-nums}.route{display:flex;align-items:center;gap:8px}.route-arrow{color:var(--text-faint)}.row-error td{background:var(--danger-soft)}.row-error-text{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;color:var(--danger);white-space:normal}.metric{display:flex;flex-direction:column;align-items:flex-end}.metric-value{font-size:13.5px}.metric-rate{font-size:11px;color:var(--text-faint)}.live-count{font-weight:650;color:var(--accent)}.row-actions{display:flex;justify-content:flex-end;gap:2px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--surface-3);color:var(--text-dim)}.pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.pill-running{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.pill-running .pill-dot{animation:pulse 2s infinite}.pill-error{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent);cursor:help}.pill-starting{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.empty-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;text-align:center}.empty-card p{max-width:420px}.empty-card .btn{margin-top:6px}.empty-mark{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:12.5px;font-weight:550;color:var(--text-dim)}input[type=text],input[type=password],input:not([type]){width:100%;padding:9px 11px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-soft);color:var(--text);font:inherit;font-size:14px;transition:border-color var(--speed),box-shadow var(--speed)}input::placeholder{color:var(--text-faint)}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[aria-invalid=true]{border-color:var(--danger)}input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-soft)}.field-hint{font-size:11.5px;color:var(--text-faint)}.field-error{font-size:11.5px;color:var(--danger)}.form-error{padding:9px 11px;border-radius:var(--radius);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger);font-size:13px}.field-group{border:none;margin:0;padding:0}.field-group legend{padding:0 0 7px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.field-row{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.flow-preview{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:11px;border-radius:var(--radius);background:var(--bg-soft);border:1px dashed var(--border-strong)}.flow-node{padding:3px 9px;border-radius:7px;background:var(--surface-3);font-size:12px;color:var(--text-dim)}.flow-arrow{color:var(--text-faint)}.switch-row{display:flex;align-items:flex-start;gap:11px;padding:11px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);cursor:pointer}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch{position:relative;flex-shrink:0;width:36px;height:20px;margin-top:1px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-strong);transition:background var(--speed),border-color var(--speed)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-faint);transition:transform var(--speed),background var(--speed)}.switch-row input:checked+.switch{background:var(--accent);border-color:var(--accent)}.switch-row input:checked+.switch:after{transform:translate(16px);background:#fff}.switch-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.switch-title{display:block;font-weight:550;font-size:13.5px}.modal{padding:0;border:none;background:transparent;max-width:100%;max-height:100%;overflow:visible}.modal::backdrop{background:#04060c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:pop var(--speed) ease-out}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 12px}.modal-desc{font-size:12.5px;margin-top:3px;max-width:42ch}.modal-body{display:flex;flex-direction:column;gap:14px;padding:4px 16px 16px}.confirm-text{color:var(--text-dim)}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:var(--surface-2);border-top:1px solid var(--border)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(1000px 500px at 50% -10%,var(--accent-soft),transparent 70%),var(--bg)}.login-card{width:min(370px,100%);display:flex;flex-direction:column;gap:14px;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin-bottom:4px}.login-brand .brand-mark{width:40px;height:40px;border-radius:12px;margin-bottom:4px}.login-brand p{font-size:13px}.toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);animation:slide-in var(--speed) ease-out}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.toast-icon{flex-shrink:0;margin-top:1px}.toast-text{flex:1;font-size:13px;word-break:break-word}.toast-close{width:24px;height:24px;flex-shrink:0}.toast-error{border-left:3px solid var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-success{border-left:3px solid var(--ok)}.toast-success .toast-icon{color:var(--ok)}.boot{min-height:100vh;display:grid;place-items:center}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.topbar{padding:10px 12px}.link-state{display:none}.content{padding:14px 12px 32px}.brand-name{font-size:14px}.field-row{grid-template-columns:1fr}.tile-value{font-size:19px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}