@font-face{font-family:__inter_528daf;src:url(/_next/static/media/6c596dfcddeca1e9-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:__inter_Fallback_528daf;src:local("Arial");ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:107.89%}.__className_528daf{font-family:__inter_528daf,__inter_Fallback_528daf}.__variable_528daf{--font-inter:"__inter_528daf","__inter_Fallback_528daf"}@font-face{font-family:__jetbrains_864cb5;src:url(/_next/static/media/a865edea076e0166-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:__jetbrains_Fallback_864cb5;src:local("Arial");ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.00%;size-adjust:131.49%}.__className_864cb5{font-family:__jetbrains_864cb5,__jetbrains_Fallback_864cb5}.__variable_864cb5{--font-jetbrains:"__jetbrains_864cb5","__jetbrains_Fallback_864cb5"}@font-face{font-family:__fraunces_c64fc8;src:url(/_next/static/media/55a5a3b9cb99735e-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:__fraunces_c64fc8;src:url(/_next/static/media/a8b2562f60bfa90f-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:italic}@font-face{font-family:__fraunces_c64fc8;src:url(/_next/static/media/ed64c0f8ce54f9f0-s.p.woff2) format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:__fraunces_c64fc8;src:url(/_next/static/media/0e7efe9514a68267-s.p.woff2) format("woff2");font-display:swap;font-weight:600;font-style:italic}@font-face{font-family:__fraunces_c64fc8;src:url(/_next/static/media/bce7b40fe44eb6fc-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__fraunces_c64fc8;src:url(/_next/static/media/f3d4f39372f6130e-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:__fraunces_Fallback_c64fc8;src:local("Arial");ascent-override:91.17%;descent-override:23.77%;line-gap-override:0.00%;size-adjust:107.27%}.__className_c64fc8{font-family:__fraunces_c64fc8,__fraunces_Fallback_c64fc8}.__variable_c64fc8{--font-fraunces:"__fraunces_c64fc8","__fraunces_Fallback_c64fc8"}:root{--vb-green:#00c853;--vb-green-hover:#00b348;--vb-green-text:#00a344;--vb-green-glow:rgba(0,200,83,.25);--vb-green-tint:rgba(0,200,83,.1);--vb-warm:#c84a1e;--vb-page:#f6f2e9;--vb-app-bg:#fbf9f4;--vb-card:#fff;--vb-card-2:#faf7ee;--vb-cream-2:#f0ebdb;--vb-line:#e8e2d3;--vb-line-2:#ece6d6;--vb-ink:#0f1115;--vb-ink-2:#3a3d47;--vb-ink-3:#7a7768;--vb-ink-4:#aea998;--vb-danger:#ef4444;--vb-danger-hover:#dc2626;--vb-font-sans:var(--font-inter,"Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--vb-font-serif:var(--font-fraunces,"Fraunces"),Georgia,"Times New Roman",serif;--vb-font-mono:var(--font-jetbrains,"JetBrains Mono"),"SF Mono","Fira Code",ui-monospace,Consolas,monospace;--vb-sidebar-w:232px;--vb-topbar-h:56px;--vb-radius-sm:6px;--vb-radius-md:10px;--vb-radius-lg:14px;--vb-radius-xl:20px;--vb-radius-pill:9999px;--vb-shadow-1:0 1px 2px rgba(15,17,21,.04),0 1px 0 hsla(0,0%,100%,.5) inset;--vb-shadow-2:0 8px 24px -12px rgba(15,17,21,.12),0 1px 0 hsla(0,0%,100%,.5) inset;--vb-shadow-3:0 20px 48px -20px rgba(15,17,21,.2);--vb-shadow-card:0 1px 2px rgba(15,17,21,.04);--vb-shadow-modal:0 20px 60px rgba(0,0,0,.3);--vb-focus-ring:0 0 0 3px rgba(0,200,83,.25);--vb-bp-sm:768px;--vb-bp-md:900px;--vb-bp-lg:1280px;--vb-bg:#fafaf7;--vb-cream:#f5f1ea;--vb-card-bg:#fff;--vb-card-alt:#fafafa;--vb-border:#e8e4dc;--vb-border-2:#efece4;--vb-text:#0f1115;--vb-text-2:#4a4d55;--vb-text-muted:#6b7280;--vb-text-3:#8a8d95;--vb-sidebar-bg:#1a1a2e;--vb-sidebar-text:#e0e0e0;--vb-sidebar-active:#00c853}html[data-theme=dark]{--vb-page:#0b0d11;--vb-app-bg:#0b0d11;--vb-card:#15181f;--vb-card-2:#1b1f27;--vb-cream-2:#1b1f27;--vb-line:hsla(0,0%,100%,.07);--vb-line-2:hsla(0,0%,100%,.05);--vb-ink:#f2efe6;--vb-ink-2:#c7c3b5;--vb-ink-3:#8a8778;--vb-ink-4:#5a5848;--vb-shadow-1:0 1px 2px rgba(0,0,0,.3);--vb-shadow-2:0 10px 32px -12px rgba(0,0,0,.5);--vb-shadow-3:0 24px 60px -18px rgba(0,0,0,.6);--vb-bg:#0b0d11;--vb-card-bg:#15181f;--vb-card-alt:#1b1f27;--vb-cream:#1b1f27;--vb-border:hsla(0,0%,100%,.07);--vb-border-2:hsla(0,0%,100%,.05);--vb-text:#f2efe6;--vb-text-2:#c7c3b5;--vb-text-muted:#8a8778;--vb-text-3:#5a5848}html{background:var(--vb-page);color-scheme:light}html[data-theme=dark]{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--vb-font-sans);color:var(--vb-text);background:var(--vb-bg);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--vb-sidebar-bg);color:var(--vb-sidebar-text);padding:24px 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-logo{padding:0 24px 24px;font-size:22px;font-weight:800;letter-spacing:-.6px;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:16px;display:flex;align-items:baseline;gap:2px}.sidebar-logo:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--vb-green);margin-right:8px;box-shadow:0 0 0 3px rgba(0,200,83,.18);align-self:center}.sidebar-logo span{color:var(--vb-green);font-style:italic}.sidebar nav{flex:1 1;display:flex;flex-direction:column;gap:2px;padding:0 12px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.sidebar nav a:hover{background:hsla(0,0%,100%,.08)}.sidebar nav a.active{background:rgba(0,200,83,.15);color:var(--vb-sidebar-active)}.sidebar-footer{padding:16px 24px;border-top:1px solid hsla(0,0%,100%,.1);margin-top:auto}.main-content{margin-left:240px;flex:1 1;padding:32px;min-height:100vh}.page-header{margin-bottom:24px}.page-header h1{font-size:24px;font-weight:700;margin-bottom:4px}.page-header p{color:var(--vb-text-muted);font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.card{background:var(--vb-card-bg);border:1px solid var(--vb-border);border-radius:var(--vb-radius-lg);padding:20px;box-shadow:var(--vb-shadow-card);transition:border-color .2s}.card:hover{border-color:rgba(0,200,83,.25)}.card-label{font-size:13px;color:var(--vb-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.card-value{font-size:28px;font-weight:700}.table-wrapper{background:var(--vb-card-bg);border:1px solid var(--vb-border);border-radius:12px;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:600px;border-collapse:collapse}thead{background:var(--vb-cream)}th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--vb-text-2);border-bottom:1px solid var(--vb-border)}td,th{padding:12px 16px}td{font-size:14px;border-bottom:1px solid var(--vb-border-2)}tr:last-child td{border-bottom:none}tr:hover{background:var(--vb-cream)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--vb-green);color:#fff}.btn-primary:hover{background:var(--vb-green-hover)}.btn-danger{background:var(--vb-danger);color:#fff}.btn-danger:hover{background:var(--vb-danger-hover)}.btn-outline{background:transparent;border:1px solid var(--vb-border);color:var(--vb-text)}.btn-outline:hover{background:var(--vb-cream)}.btn-sm{padding:4px 10px;font-size:12px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--vb-text-muted)}.form-input{width:100%;padding:10px 12px;border:1px solid var(--vb-border);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--vb-green);box-shadow:0 0 0 3px rgba(0,200,83,.1)}.form-select{width:100%;padding:10px 12px;border:1px solid var(--vb-border);border-radius:8px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer}.badge{border-radius:9999px;font-size:12px}.badge-active{background:rgba(0,200,83,.1);color:#00a344}.badge-inactive{background:hsla(220,9%,46%,.1);color:#6b7280}.badge-completed{background:rgba(59,130,246,.1);color:#2563eb}.badge-failed{background:rgba(239,68,68,.1);color:#dc2626}.badge-ringing{background:rgba(245,158,11,.1);color:#d97706}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--vb-sidebar-bg)}.login-card{background:var(--vb-card-bg);border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.login-card h1{font-size:24px;font-weight:700;margin-bottom:8px}.login-card h1 span{color:var(--vb-green)}.login-card p{color:var(--vb-text-muted);font-size:14px;margin-bottom:24px}.error-message{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#dc2626;border-radius:8px}.error-message,.success-message{padding:10px 14px;font-size:13px;margin-bottom:16px}.success-message{background:rgba(0,200,83,.08);border:1px solid rgba(0,200,83,.3);color:#047857;border-radius:8px}.info-message{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.2);color:#1d4ed8;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.skeleton-row td{padding:14px 16px}.skeleton-bar{height:12px;background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.08) 50%,rgba(0,0,0,.04));background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inline-form{display:flex;gap:8px;align-items:flex-end}.inline-form .form-group{flex:1 1;margin-bottom:0}.empty-state{text-align:center;padding:48px 24px;color:var(--vb-text-muted)}.empty-state p{font-size:14px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--vb-card-bg);border-radius:16px;padding:32px;width:100%;max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal h2{font-size:18px;font-weight:700;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.mono{font-size:13px}.mono,code,kbd,pre,samp{font-family:var(--vb-font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@media (max-width:1023px){.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.sidebar-open{transform:translateX(0)}.main-content{margin-left:0;padding:16px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:767px){.sidebar{display:none}.main-content{margin-left:0;padding:12px 12px 80px}.page-header h1{font-size:20px}.card-grid{grid-template-columns:1fr 1fr;gap:8px}.card{padding:12px}.card-value{font-size:22px}table{font-size:12px}td,th{padding:8px 10px}.login-card{margin:16px;padding:24px}}.mobile-tab-bar{display:none}@media (max-width:767px){.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--vb-card);border-top:1px solid var(--vb-line);z-index:20;padding:4px 0 env(safe-area-inset-bottom,4px)}.mobile-tab-bar a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;color:var(--vb-ink-2);font-size:10px;text-decoration:none}.mobile-tab-bar a.active{color:var(--vb-green)}.mobile-tab-bar .tab-icon{font-size:20px}}.text-green-accessible{color:#00a344}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--vb-green);outline-offset:2px}.btn,.btn-sm{min-height:44px;min-width:44px}.btn-sm{padding:0 10px}.form-input,.form-select,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{min-height:44px}textarea{min-height:88px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{display:grid;grid-template-columns:var(--vb-sidebar-w) 1fr;grid-template-rows:var(--vb-topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh;background:var(--vb-app-bg);color:var(--vb-ink)}.topbar{grid-area:topbar;gap:16px;padding:0 24px;background:var(--vb-card);border-bottom:1px solid var(--vb-line);position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar,.topbar-crumbs{display:flex;align-items:center}.topbar-crumbs{gap:8px;font-size:13px;color:var(--vb-ink-3);font-weight:500;min-width:0}.topbar-crumbs .crumb-sep{opacity:.4}.topbar-crumbs .crumb-cur{color:var(--vb-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.topbar-search{margin-left:auto;display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;background:var(--vb-cream-2);border:1px solid var(--vb-line);border-radius:8px;width:280px;transition:border-color .15s,background .15s}.topbar-search:focus-within{border-color:var(--vb-green-text);background:var(--vb-card)}.topbar-search input{background:none;border:0;outline:0;width:100%;font-size:13px;color:var(--vb-ink);font-family:inherit}.topbar-search input::placeholder{color:var(--vb-ink-3)}.topbar-search .kbd{font-family:var(--vb-font-mono);font-size:10px;color:var(--vb-ink-3);padding:2px 5px;background:var(--vb-card);border:1px solid var(--vb-line);border-radius:4px}.topbar-btns{display:flex;align-items:center;gap:8px}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;color:var(--vb-ink-2);cursor:pointer;transition:background .15s,color .15s;padding:8px;box-sizing:content-box}.icon-btn:hover{background:var(--vb-cream-2);color:var(--vb-ink)}.icon-btn svg{width:16px;height:16px;display:block}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;background:var(--vb-green-tint);border:1px solid rgba(0,200,83,.2);border-radius:999px;font-size:11px;font-weight:600;color:var(--vb-green-text);letter-spacing:.3px;text-decoration:none;transition:background .15s}.live-pill:hover{background:rgba(0,200,83,.15)}.live-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--vb-green);box-shadow:0 0 0 3px rgba(0,200,83,.15);animation:vb-live-pulse 1.8s ease-in-out infinite}@keyframes vb-live-pulse{0%,to{box-shadow:0 0 0 3px rgba(0,200,83,.15)}50%{box-shadow:0 0 0 5px rgba(0,200,83,.05)}}.user-chip{gap:8px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--vb-cream-2);border:1px solid var(--vb-line);font-size:12px;font-weight:600;color:var(--vb-ink)}.user-chip,.user-chip .ava{display:inline-flex;align-items:center}.user-chip .ava{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#00c853,#008737);color:#fff;justify-content:center;font-size:11px;font-weight:700}.sidebar-2{grid-area:sidebar;background:var(--vb-card);border-right:1px solid var(--vb-line);padding:16px 12px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-2-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 20px;border-bottom:1px solid var(--vb-line);margin-bottom:12px}.sidebar-2-logo .mark{width:28px;height:28px;border-radius:7px;background:var(--vb-ink);color:var(--vb-card);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:-.3px;position:relative}.sidebar-2-logo .mark:after{content:"";position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border-radius:50%;background:var(--vb-green);border:2px solid var(--vb-card)}.sidebar-2-logo .wm{font-size:16px;font-weight:800;letter-spacing:-.3px;color:var(--vb-ink)}.sidebar-2-section{padding:16px 10px 6px;font-size:10px;font-weight:700;color:var(--vb-ink-3);letter-spacing:1.2px;text-transform:uppercase}.nav-item-2{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--vb-ink-2);text-decoration:none;transition:background .15s,color .15s;position:relative}.nav-item-2:hover{background:var(--vb-cream-2);color:var(--vb-ink)}.nav-item-2.active{background:var(--vb-ink);color:var(--vb-card);font-weight:600}html[data-theme=dark] .nav-item-2.active{background:var(--vb-card-2);color:var(--vb-ink)}.nav-item-2 .nav-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item-2 .nav-icon svg{width:100%;height:100%}.nav-item-2 .nav-badge{margin-left:auto;font-family:var(--vb-font-mono);font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--vb-cream-2);color:var(--vb-ink-3)}.nav-item-2.active .nav-badge{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.85)}html[data-theme=dark] .nav-item-2.active .nav-badge{background:rgba(0,0,0,.3);color:var(--vb-ink-2)}.nav-item-2 .nav-badge.live{background:var(--vb-green);color:#fff}.sidebar-2-foot{margin-top:auto;padding:12px 10px;border-top:1px solid var(--vb-line);font-size:11px;color:var(--vb-ink-3);display:flex;align-items:center;gap:8px}.sidebar-2-foot .sf-dot{width:6px;height:6px;border-radius:50%;background:var(--vb-green)}.sidebar-2 form button[type=submit].btn-signout{margin-top:8px;width:100%;background:transparent;border:1px solid var(--vb-line);color:var(--vb-ink-2);padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;min-height:44px}.sidebar-2 form button[type=submit].btn-signout:hover{background:var(--vb-cream-2);color:var(--vb-ink)}.main-2{grid-area:main;background:var(--vb-app-bg);overflow-x:hidden;min-width:0}.main-2-inner{max-width:1280px;padding:24px 32px 64px;margin:0 auto}@media (max-width:899px){.app{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.sidebar-2{position:fixed;top:0;left:0;z-index:50;transform:translateX(-100%);transition:transform .2s ease;width:var(--vb-sidebar-w);background:var(--vb-card);box-shadow:var(--vb-shadow-3)}.sidebar-2.sidebar-2-open{transform:translateX(0)}.sidebar-2-scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:45}.main-2-inner{padding:20px 16px 48px}}@media (max-width:767px){.sidebar-2,.sidebar-2-scrim,.sidebar-2.sidebar-2-open{display:none}.main-2-inner{padding:16px 12px 96px}.topbar-search{display:none}.topbar{padding:0 12px}}.sidebar-2-trigger{display:none}@media (max-width:899px){.sidebar-2-trigger{display:inline-flex}}@media (max-width:767px){.sidebar-2-trigger{display:none}}.error-surface{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--vb-radius-md);border:1px solid;font-size:13px}.error-surface-body{flex:1 1;min-width:0}.error-surface-title{font-weight:700;margin-bottom:2px}.error-surface-message{color:inherit;opacity:.95}.error-surface-meta{margin-top:8px;display:flex;align-items:center;gap:4px;color:var(--vb-ink-3)}.error-surface-actions{display:flex;gap:8px;flex-shrink:0;align-items:flex-start}.error-surface-danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25);color:#dc2626}.error-surface-warning{background:rgba(217,119,6,.08);border-color:rgba(217,119,6,.25);color:#b45309}.error-surface-info{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.25);color:#1d4ed8}.error-surface-banner{border-radius:0;border-left:0;border-right:0;min-height:44px;position:-webkit-sticky;position:sticky;top:var(--vb-topbar-h);z-index:30}.error-surface-toast{position:fixed;bottom:24px;right:24px;max-width:420px;box-shadow:var(--vb-shadow-2);z-index:60}.error-surface-boundary{margin:40px auto;max-width:520px;padding:24px 28px;background:var(--vb-card);border-radius:var(--vb-radius-lg);color:var(--vb-ink);border-color:var(--vb-line);box-shadow:var(--vb-shadow-2);flex-direction:column;align-items:stretch;text-align:center}.error-surface-boundary .error-surface-actions{justify-content:center;margin-top:16px}.page-head-2{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.page-h-2{font-family:var(--vb-font-serif);font-size:32px;font-weight:600;letter-spacing:-1px;color:var(--vb-ink);line-height:1.1}.page-sub-2{margin-top:6px;font-size:13px;color:var(--vb-ink-3)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--vb-ink-2)}.btn-ghost:hover{background:var(--vb-cream-2)}.btn-green{background:var(--vb-green);color:#fff;border:1px solid transparent}.btn-green:hover{background:var(--vb-green-hover)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-h{font-family:var(--vb-font-serif);font-size:32px;font-weight:600;letter-spacing:-1px;color:var(--vb-ink);line-height:1.1}.page-sub{margin-top:6px;font-size:13px;color:var(--vb-ink-3)}.page-actions{display:flex;gap:8px;align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.kpi{background:var(--vb-card);border:1px solid var(--vb-line);border-radius:var(--vb-radius-md);padding:20px;display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:11px;color:var(--vb-ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:28px;font-weight:700;color:var(--vb-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton-bar{display:block;background:var(--vb-line);border-radius:4px;animation:skeleton-pulse 1.4s ease-in-out infinite}.pulse-hero{background:var(--vb-card);border:1px solid var(--vb-line);border-radius:var(--vb-radius-lg);padding:20px 24px;margin-bottom:24px}.pulse-hero-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pulse-hero-title{font-size:11px;font-weight:600;color:var(--vb-ink-3);text-transform:uppercase;letter-spacing:.06em}.pulse-hero-count{font-size:13px;color:var(--vb-ink-3)}.pulse-bars{display:flex;align-items:flex-end;gap:3px;height:64px}.pulse-bar-col{flex:1 1;background:var(--vb-green);border-radius:3px 3px 0 0;min-height:4px;opacity:.8;transition:height .4s ease}.pulse-empty{height:64px;display:flex;align-items:center;justify-content:center;color:var(--vb-ink-3);font-size:13px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--vb-radius-pill);font-size:11px;font-weight:600;line-height:1.6}.badge-active,.badge-live{background:rgba(0,200,83,.12);color:var(--vb-green-text)}.badge-inactive,.badge-paused,.badge-suspended{background:hsla(50,8%,44%,.12);color:var(--vb-ink-2)}.badge-draft{background:rgba(245,158,11,.12);color:#b45309}.badge-completed{background:rgba(0,200,83,.08);color:var(--vb-ink-3)}.badge-error,.badge-failed{background:rgba(239,68,68,.12);color:#dc2626}.badge-in_progress,.badge-initiated,.badge-ringing{background:rgba(59,130,246,.12);color:#1d4ed8}.mock-badge{border-bottom:1px dashed #f59e0b;cursor:help}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.agent-card{background:var(--vb-card);border:1px solid var(--vb-line);border-radius:var(--vb-radius-lg);padding:20px;cursor:pointer;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:10px}.agent-card:hover{box-shadow:var(--vb-shadow-2);border-color:var(--vb-ink-4)}.agent-card:focus-visible{outline:none;box-shadow:var(--vb-focus-ring)}.agent-card-name{font-weight:600;color:var(--vb-ink);font-size:15px}.agent-card-meta{font-size:12px;color:var(--vb-ink-3);display:flex;gap:8px;flex-wrap:wrap}.tpl-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:20px;scrollbar-width:thin}.tpl-card{flex-shrink:0;width:156px;background:var(--vb-card);border:1px solid var(--vb-line);border-radius:var(--vb-radius-md);padding:14px;cursor:pointer;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:5px}.tpl-card:hover{border-color:var(--vb-ink-3);box-shadow:var(--vb-shadow-1)}.tpl-card:focus-visible{outline:none;box-shadow:var(--vb-focus-ring)}.tpl-icon{font-size:20px;line-height:1;margin-bottom:2px}.tpl-name{font-size:13px;font-weight:600;color:var(--vb-ink)}.tpl-desc{line-height:1.4}.tpl-desc,.tpl-strip-label{font-size:11px;color:var(--vb-ink-3)}.tpl-strip-label{font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.agents-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filter-tabs{display:flex;gap:2px;background:var(--vb-card-2);border-radius:var(--vb-radius-sm);padding:3px;border:1px solid var(--vb-line)}.filter-tab{padding:5px 14px;border-radius:calc(var(--vb-radius-sm) - 2px);font-size:13px;font-weight:500;color:var(--vb-ink-3);cursor:pointer;border:none;background:transparent;transition:background .12s,color .12s}.filter-tab.active{background:var(--vb-card);color:var(--vb-ink);box-shadow:var(--vb-shadow-1)}.filter-tab:hover:not(.active){color:var(--vb-ink-2)}.search-box{display:flex;align-items:center;gap:8px;background:var(--vb-card);border:1px solid var(--vb-line);border-radius:var(--vb-radius-sm);padding:6px 12px;flex:1 1;max-width:260px;transition:border-color .12s}.search-box:focus-within{border-color:var(--vb-ink-3)}.search-box input{border:none;background:transparent;color:var(--vb-ink);font-size:13px;outline:none;width:100%;font-family:var(--vb-font-sans)}.search-box input::placeholder{color:var(--vb-ink-4)}.search-box svg{width:14px;height:14px;color:var(--vb-ink-3);flex-shrink:0}.view-toggle{display:flex;gap:0;margin-left:auto}.view-toggle button{padding:6px 10px;border:1px solid var(--vb-line);background:var(--vb-card);color:var(--vb-ink-3);cursor:pointer;font-size:14px;transition:background .12s,color .12s}.view-toggle button:first-child{border-right:none;border-radius:var(--vb-radius-sm) 0 0 var(--vb-radius-sm)}.view-toggle button:last-child{border-radius:0 var(--vb-radius-sm) var(--vb-radius-sm) 0}.view-toggle button.active{background:var(--vb-ink);color:var(--vb-card);border-color:var(--vb-ink)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.card-title{font-size:15px;font-weight:600;color:var(--vb-ink)}.card-sub{font-size:12px;color:var(--vb-ink-3);margin-top:2px}.onboarding-card{background:linear-gradient(135deg,var(--vb-card) 0,var(--vb-card-2) 100%);border:1px solid var(--vb-line);border-radius:var(--vb-radius-xl);padding:28px 32px;margin-bottom:24px;position:relative}.onboarding-steps{display:flex;gap:20px;margin-top:18px;flex-wrap:wrap}.onboarding-step{flex:1 1;min-width:140px}.onboarding-step-num{font-size:22px;font-weight:700;color:var(--vb-ink-4);line-height:1;margin-bottom:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.onboarding-dismiss{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--vb-ink-3);cursor:pointer;padding:4px 6px;border-radius:var(--vb-radius-sm);font-size:14px;line-height:1}.onboarding-dismiss:hover{color:var(--vb-ink);background:var(--vb-cream-2)}.empty-state-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.empty-state-hero-icon{font-size:48px;line-height:1;margin-bottom:12px}.empty-state-hero h2{font-family:var(--vb-font-serif);font-size:22px;font-weight:600;color:var(--vb-ink);margin:0 0 8px}.empty-state-hero p{max-width:360px;margin:0 0 20px}.empty-filter,.empty-state-hero p{font-size:14px;color:var(--vb-ink-3)}.empty-filter{display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:10px;text-align:center}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:8px 12px;color:var(--vb-ink-3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--vb-line)}.tbl td{padding:10px 12px;color:var(--vb-ink);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{cursor:pointer;transition:background .1s}.tbl tbody tr:hover{background:var(--vb-cream-2)}.agent-table-wrapper{overflow-x:auto;border:1px solid var(--vb-line);border-radius:var(--vb-radius-md)}.agent-table-wrapper .tbl td,.agent-table-wrapper .tbl th{padding:10px 16px}[data-theme=dark] .filter-tabs{background:var(--vb-card)}[data-theme=dark] .filter-tab.active{background:hsla(0,0%,100%,.08)}[data-theme=dark] .agent-card:hover,[data-theme=dark] .tbl tbody tr:hover{background:hsla(0,0%,100%,.04)}.calls-filter-rail{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:16px}.calls-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calls-filter-label{font-size:11px;font-weight:600;color:var(--vb-ink-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.calls-filter-chips{display:flex;gap:4px;flex-wrap:wrap}.calls-chip{padding:3px 10px;border-radius:var(--vb-radius-pill);border:1px solid var(--vb-line);background:var(--vb-card);color:var(--vb-ink-3);font-size:12px;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.calls-chip:hover{border-color:var(--vb-ink-3);color:var(--vb-ink-2)}.calls-chip.active{background:var(--vb-ink);border-color:var(--vb-ink);color:var(--vb-cream)}.badge-inbound{background:rgba(0,120,255,.1);color:#1d6ae5}.badge-outbound{background:hsla(50,8%,44%,.1);color:var(--vb-ink-2)}.call-detail-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:16px;gap:16px;align-items:start}@media (max-width:900px){.call-detail-layout{grid-template-columns:1fr}}.call-detail-main{display:flex;flex-direction:column;gap:16px}.waveform-bars{display:flex;align-items:flex-end;gap:2px;height:80px;padding:8px 0 4px;margin-bottom:8px}.waveform-bar{flex:1 1;background:var(--vb-ink);border-radius:2px;min-height:4px}.waveform-generating{font-size:11px;color:var(--vb-ink-3);margin-bottom:8px}.waveform-empty{padding:24px 0;font-size:13px;color:var(--vb-ink-3)}.call-audio{width:100%;height:44px;margin-top:4px;accent-color:var(--vb-green)}.transcript-empty{padding:24px 0;font-size:13px;color:var(--vb-ink-3)}.call-meta-rail .card{padding:16px}.call-meta-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--vb-line)}.call-meta-row:last-child{border-bottom:none}.call-meta-label{font-size:11px;color:var(--vb-ink-3);font-weight:500;white-space:nowrap;flex-shrink:0}.call-meta-value{font-size:12px;color:var(--vb-ink);text-align:right;word-break:break-all}.crumb{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:4px}.crumb,.crumb a{color:var(--vb-ink-3)}.crumb a{text-decoration:none}.crumb a:hover{color:var(--vb-ink)}[data-theme=dark] .calls-chip{background:var(--vb-card);border-color:var(--vb-line);color:var(--vb-ink-3)}[data-theme=dark] .calls-chip.active{background:hsla(0,0%,100%,.12);border-color:transparent;color:var(--vb-cream)}[data-theme=dark] .waveform-bar{background:hsla(0,0%,100%,.4)}[data-theme=dark] .call-meta-row{border-color:var(--vb-line)}.agent-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--vb-line);margin-bottom:24px}.agent-tab{padding:10px 20px;font-size:14px;font-weight:400;color:var(--vb-ink-3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .12s,border-color .12s;white-space:nowrap}.agent-tab:hover{color:var(--vb-ink-2)}.agent-tab.active{color:var(--vb-green);font-weight:600;border-bottom-color:var(--vb-green)}.overview-layout{display:grid;grid-template-columns:300px 1fr;grid-gap:24px;gap:24px;align-items:start;position:relative}@media (max-width:900px){.overview-layout{grid-template-columns:1fr}}.overview-form{display:flex;flex-direction:column;gap:0}.overview-canvas-wrap{min-height:200px}.system-prompt-strip{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--vb-line);border-radius:var(--vb-radius-2);background:var(--vb-cream-2);cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.system-prompt-strip:hover{border-color:var(--vb-ink-3);background:var(--vb-card)}.system-prompt-strip-label{font-size:12px;font-weight:600;color:var(--vb-ink-2)}.system-prompt-strip-meta{font-size:11px;color:var(--vb-ink-3);font-family:var(--vb-font-mono);margin-right:auto}.system-prompt-strip-cta{font-size:11px;color:var(--vb-green);white-space:nowrap}.flow-canvas{padding:16px 0;outline:none}.flow-canvas,.flow-node-wrap{display:flex;flex-direction:column;align-items:center}.flow-node-wrap{width:100%;max-width:280px}.flow-connector{width:2px;height:28px;background:var(--vb-line);position:relative}.flow-connector:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--vb-line)}.flow-node{width:100%;padding:12px 16px;border-radius:var(--vb-radius-2);border:1px solid var(--vb-line);background:var(--vb-card);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:border-color .14s,box-shadow .14s}.flow-node:hover{border-color:var(--vb-ink-3);box-shadow:var(--vb-shadow-1)}.flow-node:focus-visible{outline:none;box-shadow:var(--vb-focus-ring)}.flow-node.active{border-color:var(--vb-green);box-shadow:0 0 0 2px rgba(0,200,83,.2)}.flow-node-label{font-size:13px;font-weight:600;color:var(--vb-ink)}.flow-node-sub{font-size:11px;color:var(--vb-ink-3)}.flow-node--greeting{border-left:3px solid var(--vb-green)}.flow-node--llm{background:var(--vb-ink);border-color:var(--vb-ink)}.flow-node--llm .flow-node-label{color:var(--vb-cream)}.flow-node--llm .flow-node-sub{color:hsla(42,42%,94%,.55)}.flow-node--llm.active{box-shadow:0 0 0 2px hsla(0,0%,100%,.25)}.flow-node--tool{border-style:dashed}.flow-node--add{background:transparent;border:1px dashed var(--vb-line);color:var(--vb-ink-3)}.flow-node--add:hover{border-color:var(--vb-green)}.flow-node--add .flow-node-label{color:var(--vb-ink-3);font-weight:400}.flow-node--goodbye{border-left:3px solid var(--vb-ink-3);opacity:.7}.flow-drawer-backdrop{position:fixed;inset:0;z-index:40}.flow-drawer{position:fixed;top:0;right:0;height:100vh;width:380px;max-width:100vw;background:var(--vb-card);border-left:1px solid var(--vb-line);box-shadow:-4px 0 24px rgba(0,0,0,.08);z-index:50;display:flex;flex-direction:column;overflow:hidden}.flow-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--vb-line);flex-shrink:0}.flow-drawer-body{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.flow-drawer-readonly{padding:10px 12px;background:var(--vb-cream-2);border-radius:var(--vb-radius-2);font-size:13px;color:var(--vb-ink-2);border:1px solid var(--vb-line);min-height:40px}[data-theme=dark] .flow-node{background:var(--vb-card);border-color:var(--vb-line)}[data-theme=dark] .flow-node--llm{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.12)}[data-theme=dark] .flow-drawer{background:var(--vb-card);border-color:var(--vb-line)}[data-theme=dark] .system-prompt-strip{background:var(--vb-card-2);border-color:var(--vb-line)}[data-theme=dark] .agent-tab.active{color:var(--vb-green);border-bottom-color:var(--vb-green)}