:root{--bg-0: #02050c;--bg-1: #050b18;--bg-2: #081122;--panel: rgba(10, 22, 42, .78);--panel-solid: #0a162a;--edge: rgba(56, 189, 248, .16);--edge-bright: rgba(56, 189, 248, .55);--cyan: #22d3ee;--cyan-dim: #0e7490;--cyan-hot: #67e8f9;--azure: #3b82f6;--violet: #8b5cf6;--emerald: #34d399;--emerald-dim: #059669;--amber: #fbbf24;--rose: #fb7185;--text: #c9d6ea;--text-bright: #eef5ff;--muted: #8ba3c4;--faint: #7d97ba;--skip: #64748b;--mono: "Cascadia Code", "JetBrains Mono", Consolas, monospace;--sans: "Segoe UI", system-ui, -apple-system, sans-serif;--glow-cyan: 0 0 14px rgba(34, 211, 238, .45), 0 0 40px rgba(34, 211, 238, .15);--glow-soft: 0 0 12px rgba(56, 189, 248, .22)}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{min-height:100%}body{font-family:var(--sans);color:var(--text);background:var(--bg-0);font-size:14px;line-height:1.5;overflow-x:hidden}button{font-family:inherit}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}#fx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}body:after{content:"";position:fixed;inset:0;background:radial-gradient(1200px 600px at 85% -10%,rgba(34,211,238,.1),transparent 60%),radial-gradient(1000px 520px at -10% 15%,rgba(59,130,246,.12),transparent 55%),radial-gradient(800px 800px at 50% 120%,rgba(139,92,246,.06),transparent 60%);z-index:0;pointer-events:none}.vf-boot{position:fixed;inset:0;z-index:2000;background:var(--bg-0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .6s ease}.vf-boot.done{opacity:0;pointer-events:none}.boot-reactor{position:relative;width:88px;height:88px;display:grid;place-items:center}.boot-reactor .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(34,211,238,.6);animation:vf-spin 4s linear infinite}.boot-reactor .ring:nth-child(2){inset:9px;border-color:#3b82f680;border-style:dashed;animation-duration:2.6s;animation-direction:reverse}.boot-reactor .ring:nth-child(3){inset:18px;border-color:#8b5cf673;animation-duration:1.8s}.boot-reactor .core{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#cffafe,var(--cyan) 45%,var(--cyan-dim) 80%);box-shadow:0 0 30px #22d3eecc,0 0 70px #22d3ee66}@keyframes vf-spin{to{transform:rotate(360deg)}}.boot-title{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.34em;color:var(--text-bright);text-transform:uppercase;text-shadow:var(--glow-soft)}.boot-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase}.boot-bar{width:260px;height:3px;background:#38bdf81f;border-radius:3px;overflow:hidden}.boot-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--azure),var(--cyan));box-shadow:var(--glow-cyan);transition:width .35s ease}.boot-log{font-family:var(--mono);font-size:10.5px;color:var(--faint);height:58px;text-align:center;line-height:1.7}.boot-log .ok{color:var(--emerald)}.boot-log .cy{color:var(--cyan)}.vf-root{font-family:var(--sans);color:var(--text)}.vf-layout{position:relative;z-index:1;display:flex;min-height:100vh}.vf-sidebar{width:246px;flex-shrink:0;border-right:1px solid var(--edge);background:linear-gradient(180deg,#070f1eeb,#040a16f7);display:flex;flex-direction:column;padding:0 12px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vf-brand{display:flex;align-items:center;gap:12px;padding:18px 8px 16px;border-bottom:1px solid var(--edge);margin-bottom:12px}.vf-reactor{position:relative;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center}.vf-reactor .ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(34,211,238,.55);animation:vf-spin 9s linear infinite}.vf-reactor .ring:nth-child(2){inset:5px;border-color:#3b82f66b;animation-duration:6s;animation-direction:reverse;border-style:dashed}.vf-reactor .core{width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a5f3fc,var(--cyan) 45%,var(--cyan-dim) 80%);box-shadow:var(--glow-cyan);animation:vf-core-breathe 3.4s ease-in-out infinite}@keyframes vf-core-breathe{0%,to{box-shadow:var(--glow-cyan)}50%{box-shadow:0 0 22px #22d3eeb3,0 0 60px #22d3ee4d}}.vf-brand-text{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text-bright);letter-spacing:.14em;text-transform:uppercase}.vf-brand-sub{font-size:10.5px;color:var(--faint);letter-spacing:.06em;font-family:var(--mono);margin-top:2px}.vf-nav-group-label{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:14px 10px 6px}.vf-sidebar nav a{display:flex;align-items:center;gap:10px;color:var(--muted);padding:9px 10px;border-radius:8px;font-size:13px;margin-bottom:2px;min-height:34px;border:1px solid transparent;position:relative;overflow:hidden;text-decoration:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.vf-sidebar nav a:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,211,238,.2),transparent 70%);opacity:0;transition:opacity .2s}.vf-sidebar nav a:hover{background:#38bdf814;color:var(--text-bright);text-decoration:none}.vf-sidebar nav a:hover:after{opacity:1}.vf-sidebar nav a.active{background:linear-gradient(90deg,#22d3ee29,#22d3ee08);border-color:var(--edge);color:var(--text-bright);box-shadow:inset 3px 0 0 var(--cyan),var(--glow-soft);font-weight:600}.vf-sidebar-footer{margin-top:auto;padding:14px 10px 6px;border-top:1px solid var(--edge);font-family:var(--mono);font-size:10.5px;color:var(--faint)}.vf-sidebar-footer .sys{display:flex;align-items:center;gap:8px;color:var(--emerald)}.vf-sidebar-footer .sys .dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald);animation:vf-pulse-dot 2.4s infinite}@keyframes vf-pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.vf-hamburger{display:none;position:fixed;top:12px;left:12px;z-index:1100;width:40px;height:40px;border-radius:10px;border:1px solid var(--edge-bright);background:#0a162ae0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;cursor:pointer;color:var(--cyan);box-shadow:var(--glow-soft);font-size:18px}.vf-sidebar-overlay{display:none}.vf-main{flex:1;min-width:0;padding:24px 30px 56px;position:relative}.vf-topline{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--faint);margin-bottom:10px;text-transform:uppercase}.vf-topline .tk{color:var(--cyan);text-shadow:var(--glow-soft)}.vf-topline .sep{color:#38bdf8d9}.vf-topline .clock{margin-left:auto;color:var(--muted)}.vf-crumb{font-size:12.5px;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:6px;font-family:var(--mono)}.vf-crumb a{color:var(--muted);display:inline-flex;align-items:center;min-height:24px;padding:0 2px}.vf-crumb a:hover{color:var(--cyan)}.vf-run-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.vf-run-header h1,.vf-page-head h1{margin:0;font-size:21px;font-weight:700;color:var(--text-bright);letter-spacing:.01em}.vf-run-header .runid,.vf-page-head .runid{font-family:var(--mono);font-size:15px;color:var(--cyan);text-shadow:var(--glow-soft);font-weight:600}.vf-run-meta{font-size:12px;color:var(--muted);margin-top:4px;display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono)}.vf-run-meta code{background:#38bdf814;border:1px solid var(--edge);padding:1px 7px;border-radius:5px;color:var(--text)}.vf-state-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;padding:7px 14px;border-radius:999px;border:1px solid}.vf-state-chip .dot{width:8px;height:8px;border-radius:50%}.vf-state-chip.ok{color:var(--emerald);border-color:#34d39966;background:#34d39914}.vf-state-chip.ok .dot{background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.vf-state-chip.run{color:var(--cyan);border-color:#22d3ee66;background:#22d3ee14}.vf-state-chip.run .dot{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:vf-pulse-dot 1.6s infinite}.vf-state-chip.err{color:var(--rose);border-color:#fb718566;background:#fb718514}.vf-state-chip.err .dot{background:var(--rose);box-shadow:0 0 8px var(--rose)}.vf-state-chip.pause{color:var(--amber);border-color:#fbbf2466;background:#fbbf2414}.vf-state-chip.pause .dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.vf-status-text{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em}.vf-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.vf-status-dot.ok{background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.vf-status-dot.run{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:vf-pulse-dot 1.6s infinite}.vf-status-dot.err{background:var(--rose);box-shadow:0 0 8px var(--rose)}.vf-status-dot.pause{background:var(--amber);box-shadow:0 0 8px var(--amber)}.vf-commandbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.vf-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--edge);background:#0a162aa6;color:var(--text);font-size:12.5px;font-weight:600;letter-spacing:.02em;padding:8px 14px;min-height:36px;border-radius:9px;cursor:pointer;position:relative;overflow:hidden;transition:transform .12s ease,border-color .15s,box-shadow .15s}.vf-btn:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(34,211,238,.18),transparent);transition:left .45s ease}.vf-btn:hover:after{left:120%}.vf-btn:hover:not(:disabled){border-color:var(--edge-bright);color:var(--text-bright);box-shadow:var(--glow-soft);transform:translateY(-1px)}.vf-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.vf-btn:disabled{opacity:.4;cursor:not-allowed}.vf-btn.danger{color:var(--rose);border-color:#fb71854d}.vf-btn.danger:after{background:linear-gradient(100deg,transparent,rgba(251,113,133,.16),transparent)}.vf-btn.danger:hover:not(:disabled){border-color:var(--rose);background:#fb718514;box-shadow:0 0 12px #fb718540}.vf-commandbar .spacer{flex:1}.vf-commandbar button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--edge);background:#0a162aa6;color:var(--text);font-size:12.5px;font-weight:600;letter-spacing:.02em;padding:8px 14px;min-height:36px;border-radius:9px;cursor:pointer;position:relative;overflow:hidden;transition:transform .12s ease,border-color .15s,box-shadow .15s}.vf-commandbar button:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(34,211,238,.18),transparent);transition:left .45s ease}.vf-commandbar button:hover:after{left:120%}.vf-commandbar button:hover:not(:disabled){border-color:var(--edge-bright);color:var(--text-bright);box-shadow:var(--glow-soft);transform:translateY(-1px)}.vf-commandbar button:active:not(:disabled){transform:translateY(0) scale(.98)}.vf-commandbar button:disabled{opacity:.4;cursor:not-allowed}.vf-commandbar .vf-btn-danger{color:var(--rose);border-color:#fb71854d}.vf-commandbar .vf-btn-danger:after{background:linear-gradient(100deg,transparent,rgba(251,113,133,.16),transparent)}.vf-commandbar .vf-btn-danger:hover:not(:disabled){border-color:var(--rose);background:#fb718514;box-shadow:0 0 12px #fb718540}.vf-btn-primary{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cyan);background:linear-gradient(135deg,#22d3ee33,#3b82f626);color:var(--cyan);font-size:12.5px;font-weight:600;letter-spacing:.02em;padding:8px 14px;min-height:36px;border-radius:9px;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--glow-soft);transition:transform .12s ease,border-color .15s,box-shadow .15s}.vf-btn-primary:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(34,211,238,.25),transparent);transition:left .45s ease}.vf-btn-primary:hover:after{left:120%}.vf-btn-primary:hover:not(:disabled){border-color:var(--cyan-hot);color:var(--text-bright);box-shadow:var(--glow-cyan);transform:translateY(-1px)}.vf-btn-primary:disabled{opacity:.4;cursor:not-allowed}.vf-card{background:var(--panel);border:1px solid transparent;border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:16px;position:relative;box-shadow:0 10px 34px #0006;transition:box-shadow .25s ease,transform .25s ease;overflow:visible}.vf-card:before{content:"";position:absolute;inset:0;border-radius:14px;padding:1px;background:linear-gradient(135deg,#22d3ee8c,#3b82f638 38%,#22d3ee14 62%,#3b82f680);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.8;transition:opacity .25s ease}.vf-card:after{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(120deg,rgba(34,211,238,.05),transparent 32%,transparent 68%,rgba(59,130,246,.05));pointer-events:none}.vf-card:hover{box-shadow:0 14px 44px #00000080,var(--glow-soft)}.vf-card:hover:before{opacity:1}.vf-card h3,.vf-card-head h2{display:flex;align-items:center;gap:8px;margin:0;padding:12px 16px;border-bottom:1px solid rgba(56,189,248,.12);font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.vf-card h3:before,.vf-card-head h2:before{content:"▸";color:var(--cyan-dim);font-size:11px}.vf-card-body{padding:16px;position:relative}.vf-pipeline-wrap{padding:18px 16px 14px}.vf-pipeline{display:flex;overflow-x:auto;padding:4px 2px 16px;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.3) transparent}.vf-stage{flex:0 0 auto;width:104px;position:relative;text-align:center;transition:transform .2s ease}.vf-stage:hover{transform:translateY(-3px)}.vf-stage .energy{position:absolute;top:13px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:linear-gradient(90deg,#22d3ee80,#22d3ee1a);box-shadow:0 0 8px #22d3ee4d;overflow:visible}.vf-stage .energy:after{content:"";position:absolute;top:-1px;left:0;width:14px;height:4px;border-radius:4px;background:var(--cyan-hot);box-shadow:0 0 10px var(--cyan);animation:vf-energy-flow 2.2s linear infinite}@keyframes vf-energy-flow{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}to{left:calc(100% - 14px);opacity:0}}.vf-stage.passed .energy{background:linear-gradient(90deg,#34d399b3,#22d3ee4d);box-shadow:0 0 8px #34d39959}.vf-stage.passed .energy:after{background:var(--emerald);box-shadow:0 0 10px var(--emerald)}.vf-stage:last-child .energy{display:none}.vf-stage-dot{width:28px;height:28px;margin:0 auto 7px;border-radius:50%;border:1.5px solid rgba(139,163,196,.4);background:#0a162ae6;display:grid;place-items:center;position:relative;z-index:1;font-size:10px;font-weight:800;color:var(--faint);transition:all .2s ease}.vf-stage.passed .vf-stage-dot{border-color:#34d399b3;color:var(--emerald);box-shadow:0 0 12px #34d3994d;background:#34d3991a}.vf-stage.running .vf-stage-dot{border-color:var(--cyan);color:var(--cyan);background:#22d3ee1f;animation:vf-node-pulse 1.8s infinite}.vf-stage.running .vf-stage-dot:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px dashed rgba(34,211,238,.5);animation:vf-spin 6s linear infinite}@keyframes vf-node-pulse{0%,to{box-shadow:0 0 10px #22d3ee73}50%{box-shadow:0 0 22px #22d3eecc}}.vf-stage.skipped .vf-stage-dot{border-color:#8ba3c440;color:var(--faint);background:#8ba3c40f}.vf-stage.failed .vf-stage-dot{border-color:var(--rose);color:var(--rose);box-shadow:0 0 12px #fb718566;background:#fb71851a}.vf-stage-name{font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--muted);text-transform:uppercase;font-family:var(--mono);transition:color .18s ease,text-shadow .18s ease}.vf-stage-idx{font-size:8.5px;color:var(--faint);font-family:var(--mono);margin-top:1px;transition:color .18s ease}.vf-stage.running .vf-stage-name{color:var(--cyan);text-shadow:var(--glow-soft)}.vf-stage:hover .vf-stage-dot{transform:scale(1.12);border-color:var(--cyan);box-shadow:0 0 18px #22d3ee8c}.vf-stage:hover .vf-stage-name{color:var(--text-bright);text-shadow:var(--glow-soft)}.vf-stage:hover .vf-stage-idx{color:var(--muted)}.vf-stage.passed:hover .vf-stage-dot{border-color:var(--emerald);box-shadow:0 0 18px #34d39999}.vf-stage.skipped:hover .vf-stage-dot{border-color:#8ba3c4b3;box-shadow:0 0 12px #8ba3c459}.vf-stage.failed:hover .vf-stage-dot{border-color:var(--rose);box-shadow:0 0 18px #fb718599}.vf-pipeline-legend{display:flex;gap:18px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(56,189,248,.1);font-size:11px;color:var(--muted);font-family:var(--mono)}.vf-pipeline-legend span{display:inline-flex;align-items:center;gap:7px}.vf-pipeline-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.vf-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}.vf-kv{display:grid;grid-template-columns:112px 1fr;gap:8px 14px;font-size:13px}.vf-kv dt{color:var(--muted);font-family:var(--mono);font-size:11.5px;letter-spacing:.04em}.vf-kv dd{font-weight:600;color:var(--text-bright);font-variant-numeric:tabular-nums;word-break:break-word;margin:0}.vf-kv dd.code{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--text)}.vf-kv dd.ok{color:var(--emerald);text-shadow:0 0 8px rgba(52,211,153,.4)}.vf-agent-row{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid var(--edge);border-radius:12px;background:#040a1680}.vf-agent-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;border:1px solid rgba(34,211,238,.5);background:radial-gradient(circle at 35% 35%,#22d3ee47,#0a162ae6);color:var(--cyan);font-weight:800;font-size:13px;font-family:var(--mono);display:grid;place-items:center;box-shadow:var(--glow-soft);position:relative}.vf-agent-avatar:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px dashed rgba(34,211,238,.35);animation:vf-spin 12s linear infinite}.vf-agent-info{min-width:0;flex:1}.vf-agent-name{font-size:13px;font-weight:700;color:var(--text-bright);display:flex;align-items:center;gap:8px}.vf-agent-activity{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-agent-tags{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.vf-tag{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:6px;font-family:var(--mono);border:1px solid var(--edge);color:var(--muted);background:#38bdf80f;min-width:0;overflow-wrap:anywhere;word-break:break-word}.vf-tag.cyan{color:var(--cyan);border-color:#22d3ee59;background:#22d3ee14}.vf-tag.next{color:var(--amber);border-color:#fbbf2459;background:#fbbf2412}.vf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.vf-metric{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:13px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000059;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.vf-metric:hover{transform:translateY(-2px);border-color:#38bdf859;box-shadow:0 12px 32px #00000073,var(--glow-soft)}.vf-metric:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.6),transparent)}.vf-metric-value{font-size:21px;font-weight:800;color:var(--text-bright);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:var(--mono)}.vf-metric-value em{color:var(--cyan);font-style:normal;text-shadow:var(--glow-soft)}.vf-metric-label{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:4px;font-family:var(--mono)}.vf-metric-trend{font-size:10.5px;margin-top:6px;color:var(--emerald);font-weight:600;font-family:var(--mono)}.vf-feed-filters{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid rgba(56,189,248,.1)}.vf-chip-btn{font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--edge);background:transparent;color:var(--muted);border-radius:999px;padding:5px 12px;min-height:26px;cursor:pointer;transition:all .15s}.vf-chip-btn:hover{border-color:var(--edge-bright);color:var(--text-bright)}.vf-chip-btn.on{background:#22d3ee24;border-color:#22d3ee80;color:var(--cyan);box-shadow:var(--glow-soft)}.vf-feed{max-height:430px;overflow-y:auto;font-family:var(--mono);font-size:12px;padding:6px 16px 14px;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.3) transparent;position:relative}.vf-feed:after{content:"";position:sticky;bottom:0;left:0;right:0;height:100%;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(34,211,238,.035) 3px 4px);background-size:100% 4px;pointer-events:none;animation:vf-scanline 7s linear infinite}@keyframes vf-scanline{0%{background-position:0 0}to{background-position:0 400px}}.vf-feed-row{display:flex;gap:12px;align-items:baseline;padding:8px;border-bottom:1px solid rgba(56,189,248,.07);border-radius:6px;cursor:pointer;transition:background .12s,box-shadow .12s,transform .15s;animation:vf-row-in .3s ease both}@keyframes vf-row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.vf-feed-row:hover{background:#22d3ee0f}.vf-feed-row.selected{background:#22d3ee17;box-shadow:inset 3px 0 0 var(--cyan)}.vf-feed-time{color:var(--faint);flex-shrink:0;font-size:11px}.vf-feed-type{color:var(--cyan);font-weight:700;flex-shrink:0;min-width:112px;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.vf-feed-type.stage{color:var(--cyan-dim)}.vf-feed-type.command{color:#a78bfa}.vf-feed-type.meta{color:var(--amber)}.vf-feed-type.artifact{color:var(--emerald)}.vf-feed-body{color:var(--text);white-space:pre-wrap;word-break:break-word}.vf-feed-live{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--emerald);text-transform:uppercase}.vf-feed-live .dot{width:6px;height:6px;border-radius:50%;background:var(--emerald);box-shadow:0 0 6px var(--emerald);animation:vf-pulse-dot 1.6s infinite}.vf-feed-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.vf-feed-filter button{font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--edge);background:transparent;color:var(--muted);border-radius:999px;padding:5px 12px;min-height:24px;cursor:pointer;transition:all .15s}.vf-feed-filter button.on{background:#22d3ee24;border-color:#22d3ee80;color:var(--cyan);box-shadow:var(--glow-soft)}.vf-inspector{font-family:var(--mono);font-size:12px;background:#02060eeb;border:1px solid rgba(34,211,238,.2);color:#cfe2ff;border-radius:12px;padding:14px 16px;max-height:360px;overflow:auto;line-height:1.7;box-shadow:inset 0 0 30px #22d3ee0d,var(--glow-soft);white-space:pre-wrap;word-break:break-word}.vf-inspector .k{color:var(--cyan)}.vf-inspector .s{color:var(--emerald)}.vf-inspector .n{color:var(--amber)}.vf-inspector-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:10.5px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase}.vf-inspector-empty{color:var(--faint);font-size:12px;padding:8px 0}.vf-archmap{position:relative;border-radius:10px;overflow:hidden}.vf-arch-svg{width:100%;height:auto;display:block}.vf-arch-svg text{font-family:var(--mono);font-size:11px}.vf-radar{position:absolute;right:14px;bottom:10px;width:64px;height:64px;border-radius:50%;border:1px solid rgba(34,211,238,.35);overflow:hidden;background:radial-gradient(circle,rgba(34,211,238,.06),transparent 70%)}.vf-radar:before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(34,211,238,.5),transparent 22%);animation:vf-spin 3.2s linear infinite}.vf-radar i{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(34,211,238,.2)}.vf-radar i:nth-child(2){inset:20%}.vf-radar b{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.vf-radar b:nth-of-type(1){top:22%;left:58%}.vf-radar b:nth-of-type(2){top:58%;left:30%}.vf-radar b:nth-of-type(3){top:40%;left:78%;animation:vf-pulse-dot 1.8s infinite}.vf-arch-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding-top:10px;font-family:var(--mono)}.vf-arch-legend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px}.vf-table{width:100%;border-collapse:collapse;font-size:12px}.vf-table th,.vf-table td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(56,189,248,.08)}.vf-table th{color:var(--faint);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--mono)}.vf-table td{color:var(--text)}.vf-table td strong{color:var(--text-bright)}.vf-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:4px 10px;min-height:24px;min-width:24px;border-radius:999px;font-family:var(--mono);border:1px solid}.vf-badge.PENDING{background:#8ba3c414;color:var(--faint);border-color:#8ba3c44d}.vf-badge.READY{background:#3b82f61a;color:var(--azure);border-color:#3b82f64d}.vf-badge.RUNNING{background:#22d3ee1a;color:var(--cyan);border-color:#22d3ee59;box-shadow:var(--glow-soft)}.vf-badge.WAITING{background:#fbbf2414;color:var(--amber);border-color:#fbbf244d}.vf-badge.PASSED{background:#34d3991a;color:var(--emerald);border-color:#34d39959}.vf-badge.FAILED{background:#fb71851a;color:var(--rose);border-color:#fb718559}.vf-badge.BLOCKED{background:#fbbf2414;color:var(--amber);border-color:#fbbf244d}.vf-badge.SKIPPED_WITH_JUSTIFICATION,.vf-badge.CANCELLED{background:#8ba3c40f;color:var(--skip);border-color:#8ba3c440}.vf-link{color:var(--cyan);text-decoration:none;min-height:24px;display:inline-flex;align-items:center}.vf-link:hover{text-decoration:underline}.vf-muted{color:var(--muted)}.vf-unknown{color:var(--faint);font-style:italic}.vf-main-footer{margin-top:26px;padding-top:14px;border-top:1px solid rgba(56,189,248,.12);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--faint);font-family:var(--mono)}@media(max-width:1080px){.vf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.vf-hamburger{display:flex}.vf-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .24s ease;z-index:1050;box-shadow:0 0 40px #0009}.vf-sidebar.open{transform:translate(0)}.vf-sidebar-overlay{display:none;position:fixed;inset:0;background:#02050ca6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1040}.vf-sidebar-overlay.open{display:block}.vf-main{padding:62px 16px 40px}.vf-grid-2{grid-template-columns:minmax(0,1fr)}.vf-run-header h1,.vf-page-head h1{font-size:17px}.vf-topline .clock{display:none}.vf-stage{flex:0 0 80px;min-width:80px}.vf-stage-name{font-size:8px}}@media(max-width:390px){.vf-metrics{grid-template-columns:1fr 1fr}.vf-feed-type{min-width:84px}.vf-kv{grid-template-columns:92px 1fr}.vf-radar{display:none}.vf-stage{flex:0 0 64px;min-width:64px}.vf-stage-name{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}