:root{--primary: #2f6df6;--primary-bright: #4f9cff;--bg: #070b16;--card: #0e1626;--card-2: #0b1322;--border: #1b2740;--text: #e8eef9;--muted: #8a98b5;--st-available: #22c55e;--st-talking: #3b82f6;--st-wrap: #06b6d4;--st-break: #ef4444;--st-training: #b91c1c;--st-notready: #64748b;--st-ringing: #f59e0b;--st-offline: #475569}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1100px 620px at 50% 38%,rgba(47,109,246,.2),transparent 62%),radial-gradient(900px 500px at 85% 90%,rgba(79,156,255,.1),transparent 60%),var(--bg);background-attachment:fixed;min-height:100vh}button{cursor:pointer;border:none;border-radius:9px;padding:8px 14px;font-size:14px;font-weight:600;color:#fff}.btn-primary{background:linear-gradient(180deg,var(--primary-bright),var(--primary));box-shadow:0 4px 16px #2f6df659}.btn-danger{background:var(--st-break)}.btn-success{background:var(--st-available)}.btn-ghost{background:#1a2440;color:var(--text);border:1px solid var(--border)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}input,select,textarea{padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-size:14px;background:var(--card-2);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted)}.topbar{display:flex;align-items:center;gap:16px;background:#0b1322d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:19px;color:#fff;letter-spacing:.3px}.brand-dot{color:var(--primary-bright)}.spacer{flex:1}.module-switcher{display:flex;gap:6px;align-items:center}.module-switcher .mod{font-size:13px;padding:6px 12px;border-radius:8px;background:#ffffff0d;border:1px solid var(--border);color:#c7cddb;cursor:pointer;white-space:nowrap}.module-switcher .mod:hover:not(:disabled){background:#ffffff1f;color:#fff}.module-switcher .mod:disabled{opacity:.4;cursor:not-allowed}.module-switcher .mod.active{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border-color:transparent;font-weight:600;cursor:default}.module-switcher .mod.soon{opacity:.55;border-style:dashed}.module-switcher .mod.soon:hover{opacity:.8}.container{padding:22px;max-width:1200px;margin:0 auto}.agent-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.15fr);gap:16px;align-items:start}.card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 10px 40px #00000059}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted);font-size:13px}h2{margin:0 0 12px}h3{margin:0 0 10px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:350px}.login-card input{width:100%;margin-bottom:12px}.login-card button{width:100%}.hint{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.7}.error{color:#fca5a5;font-size:13px;margin-bottom:10px}.badge{display:inline-block;padding:4px 12px;border-radius:999px;color:#fff;font-weight:700;font-size:13px;text-transform:capitalize}.st-available{background:var(--st-available)}.st-talking{background:var(--st-talking)}.st-wrap_up{background:var(--st-wrap)}.st-break{background:var(--st-break)}.st-training{background:var(--st-training)}.st-not_ready{background:var(--st-notready)}.st-ringing{background:var(--st-ringing);color:#1a1300}.st-offline{background:var(--st-offline)}.dev{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--border)}.dev-registered{color:#86efac;border-color:#15532e;background:#22c55e1f}.dev-registering{color:#fcd34d;border-color:#5b4708;background:#f59e0b1f}.dev-error{color:#fca5a5;border-color:#5b1414;background:#ef444424}.dev-off{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:12px}.metric{border-radius:14px;padding:15px;color:#fff;box-shadow:0 6px 20px #0000004d}.metric .n{font-size:30px;font-weight:800;line-height:1}.metric .l{font-size:13px;opacity:.95;margin-top:6px}.m-acw{background:linear-gradient(180deg,#0891b2,#06b6d4)}.m-libre{background:linear-gradient(180deg,#16a34a,#22c55e)}.m-inactivo{background:linear-gradient(180deg,#475569,#64748b)}.m-pausa{background:linear-gradient(180deg,#dc2626,#ef4444)}.m-ring{background:linear-gradient(180deg,#d97706,#f59e0b)}.m-scan{background:linear-gradient(180deg,#0369a1,#0ea5e9)}.m-cola{background:linear-gradient(180deg,#ea580c,#f97316)}.m-hablando{background:linear-gradient(180deg,#1d4ed8,#3b82f6)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.agent-row td:first-child{font-weight:600}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{background:#16203a;color:var(--text);border:1px solid var(--border)}.tab.active{background:linear-gradient(180deg,var(--primary-bright),var(--primary));border-color:transparent;box-shadow:0 4px 16px #2f6df659}.softphone{text-align:center;padding:30px}.softphone .phone{font-size:30px;font-weight:800;margin:10px 0;color:#fff}.softphone .sub{color:var(--muted);margin-bottom:20px}.call-actions{display:flex;gap:12px;justify-content:center}.disp-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}.disp-list button{text-align:left;background:#16203a;color:var(--text);border:1px solid var(--border)}.disp-list button.sel{background:linear-gradient(180deg,var(--primary-bright),var(--primary));border-color:transparent}.migration-form{text-align:left}.migration-header{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid label span{font-size:12px;color:var(--muted);font-weight:600}.form-grid label.full{grid-column:1 / -1}.form-grid input,.form-grid select{width:100%}.pulse{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.orb{width:130px;height:130px;border-radius:50%;margin:6px auto 20px;position:relative;background:radial-gradient(circle at 35% 30%,#d6ecff,#4f9cff 42%,#1d4ed8 74%,#0b2a6b);box-shadow:0 0 42px #4f9cff99,0 0 90px #2f6df666;animation:orbpulse 1.8s ease-in-out infinite}.orb:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:2px solid rgba(79,156,255,.35);animation:orbring 1.8s ease-out infinite}@keyframes orbpulse{0%,to{transform:scale(1);box-shadow:0 0 42px #4f9cff99,0 0 90px #2f6df659}50%{transform:scale(1.08);box-shadow:0 0 66px #4f9cfff2,0 0 130px #2f6df68c}}@keyframes orbring{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.5);opacity:0}}.avatar-wrap{position:relative;width:158px;height:200px;margin:4px auto 18px;overflow:hidden;border-radius:18px;animation:avatar-float 2s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(79,156,255,.45))}.avatar-wrap.avatar-sale{animation:avatar-bounce .55s ease-in-out infinite;filter:drop-shadow(0 0 28px rgba(34,197,94,.7))}.avatar-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:18px;background:linear-gradient(to bottom,transparent 55%,var(--bg, #0a1222) 100%)}.avatar-img{width:100%;height:auto;position:absolute;top:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.avatar-mouth{position:absolute;left:50%;z-index:3;transform:translate(-50%);pointer-events:none}.avatar-mouth-talk{width:26px;height:11px;background:radial-gradient(ellipse,#b8f4ff 0%,#00d4ff 55%,transparent 100%);border-radius:50%;box-shadow:0 0 10px #4ff0ff,0 0 22px #4ff0ff8c;animation:lip-sync .38s ease-in-out infinite}.avatar-mouth-smile{width:42px;height:16px;border-bottom:4px solid #4ff0ff;border-radius:0 0 42px 42px;background:transparent;box-shadow:0 5px 16px #4ff0ff,0 8px 32px #4ff0ff80;animation:smile-pulse .85s ease-in-out infinite alternate}.avatar-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:22px;border:1.5px solid rgba(79,156,255,.38);animation:ring-expand 1.65s ease-out infinite;pointer-events:none;z-index:1}.r2{animation-delay:.55s}.r3{animation-delay:1.1s}.av-spark{position:absolute;font-size:18px;z-index:4;pointer-events:none;animation:sparkle-rise 1.1s ease-out infinite}.sp1{left:6%;bottom:30%;animation-delay:0s}.sp2{left:53%;bottom:14%;animation-delay:.28s}.sp3{left:80%;bottom:40%;animation-delay:.55s}.sp4{left:28%;bottom:8%;animation-delay:.83s}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes avatar-bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-12px) scale(1.04)}65%{transform:translateY(-5px) scale(1.01)}}@keyframes lip-sync{0%{transform:translate(-50%) scaleY(.12)}12%{transform:translate(-50%) scaleY(1)}28%{transform:translate(-50%) scaleY(.28)}44%{transform:translate(-50%) scaleY(.88)}60%{transform:translate(-50%) scaleY(.14)}76%{transform:translate(-50%) scaleY(.82)}92%{transform:translate(-50%) scaleY(.1)}to{transform:translate(-50%) scaleY(.12)}}@keyframes smile-pulse{0%{box-shadow:0 5px 16px #4ff0ff}to{box-shadow:0 5px 26px #7ff0ff,0 10px 42px #7ff0ffa6}}@keyframes ring-expand{0%{transform:scale(.94);opacity:.6}to{transform:scale(1.52);opacity:0}}@keyframes sparkle-rise{0%{transform:translateY(0) scale(.4);opacity:1}to{transform:translateY(-92px) scale(1.15);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}@keyframes spin{to{transform:rotate(360deg)}}button,.tab,.badge,.chip,.metric,.card,input,select,textarea,.disp-list button,.dev{transition:transform .18s cubic-bezier(.2,.8,.25,1),box-shadow .22s ease,background .22s ease,border-color .2s ease,filter .18s ease,opacity .2s ease}.card{animation:fadeInUp .45s cubic-bezier(.2,.8,.25,1) both}.container>.card:nth-child(1){animation-delay:.02s}.container>.card:nth-child(2){animation-delay:.08s}.container>.card:nth-child(3){animation-delay:.14s}.container>.card:nth-child(4){animation-delay:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 16px 50px #00000073,0 0 0 1px #4f9cff26;border-color:#4f9cff4d}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(0) scale(.97);filter:brightness(.95)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 26px #2f6df68c}.metric{position:relative;overflow:hidden;animation:popIn .5s cubic-bezier(.2,.8,.25,1) both}.metric:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 45%);pointer-events:none}.metric:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 34px #00000073}.cards .metric:nth-child(1){animation-delay:.03s}.cards .metric:nth-child(2){animation-delay:.07s}.cards .metric:nth-child(3){animation-delay:.11s}.cards .metric:nth-child(4){animation-delay:.15s}.cards .metric:nth-child(5){animation-delay:.19s}.cards .metric:nth-child(6){animation-delay:.23s}.cards .metric:nth-child(7){animation-delay:.27s}.cards .metric:nth-child(8){animation-delay:.31s}.tab{position:relative}.tab:hover:not(.active){background:#1d2a48;transform:translateY(-1px)}.tab.active{transform:translateY(-1px)}tbody tr{transition:background .15s ease}tbody tr:hover td{background:#4f9cff12}.badge:hover,.chip:hover{transform:translateY(-1px);filter:brightness(1.08)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-bright);box-shadow:0 0 0 3px #4f9cff2e}.brand{background:linear-gradient(90deg,#fff 0%,#bcd6ff 60%,var(--primary-bright) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-card{animation:popIn .55s cubic-bezier(.2,.8,.25,1) both}.modal-backdrop{animation:fadeIn .2s ease both;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-pop{animation:popIn .32s cubic-bezier(.2,.8,.25,1) both!important}.play-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;background:#1a2440;color:var(--primary-bright);border:1px solid var(--border)}.play-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--primary-bright),var(--primary));color:#fff;box-shadow:0 4px 16px #2f6df673}.play-btn.playing{background:linear-gradient(180deg,var(--primary-bright),var(--primary));color:#fff;box-shadow:0 0 0 3px #4f9cff38}.play-btn.playing:after{content:"";position:absolute;width:34px;height:34px;border-radius:50%;border:2px solid rgba(79,156,255,.5);animation:orbring 1.4s ease-out infinite}.play-btn svg{display:block}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--primary-bright);animation:spin .6s linear infinite;display:inline-block}.skeleton{background:linear-gradient(90deg,#121d33 25%,#1b2740 37%,#121d33 63%);background-size:840px 100%;animation:shimmer 1.4s infinite linear;border-radius:8px}*{scrollbar-width:thin;scrollbar-color:#2a3a5f transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2a3a5f,#1b2740);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#34507f;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,.card,.metric,.login-card,.modal-pop,.modal-backdrop{animation:none!important;transition:none!important}}@media (max-width: 980px){.agent-grid{grid-template-columns:1fr}}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}}.virtual-office-shell{--vo-bg: #050914;--vo-panel: rgba(7, 13, 26, .78);--vo-panel-strong: rgba(10, 18, 32, .92);--vo-line: rgba(148, 163, 184, .18);--vo-text: #eef5ff;--vo-soft: #94a3b8;--vo-cyan: #38bdf8;--vo-orange: #f97316;--vo-green: #22c55e;--vo-red: #ef4444;min-height:calc(100vh - 150px);padding-bottom:20px;color:var(--vo-text)}.virtual-office-shell .muted{color:var(--vo-soft)}.vo-command{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;margin-bottom:14px;border:1px solid var(--vo-line);border-radius:8px;background:linear-gradient(135deg,rgba(56,189,248,.16),transparent 38%),linear-gradient(180deg,#0f172af5,#020617eb);box-shadow:0 18px 60px #0000005c}.vo-command h2{margin:2px 0 4px;font-size:clamp(22px,2.6vw,34px);letter-spacing:0}.vo-kicker{margin:0;color:var(--vo-cyan);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.vo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.vo-actions select{min-width:86px}.vo-metrics{display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:10px;margin-bottom:14px}.vo-metric{min-height:72px;padding:12px 13px;border:1px solid var(--vo-line);border-radius:8px;background:linear-gradient(180deg,#0f172ae6,#070d1ae6);box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000042}.vo-metric strong{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:26px;line-height:1}.vo-metric span{display:block;margin-top:8px;color:var(--vo-soft);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.vo-metric.green strong{color:var(--vo-green)}.vo-metric.blue strong{color:#60a5fa}.vo-metric.orange strong{color:var(--vo-orange)}.vo-metric.cyan strong{color:var(--vo-cyan)}.vo-metric.red strong{color:var(--vo-red)}.vo-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:stretch}.vo-stage{position:relative;min-height:660px;overflow:hidden;border:1px solid var(--vo-line);border-radius:8px;background:linear-gradient(180deg,#2f241c,#241a15);box-shadow:0 24px 80px #0000006b}.virtual-office-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.05),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 100%),linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 100%),linear-gradient(180deg,#c49c69,#b98d59);background-size:auto,4.6% 100%,100% 4.8%,auto}.virtual-office-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 10%,transparent 88%,rgba(0,0,0,.18)),radial-gradient(circle at 50% 50%,transparent 0 46%,rgba(0,0,0,.08) 82%,rgba(0,0,0,.18) 100%);pointer-events:none}.vo-floor-grid,.vo-zone,.vo-shelf,.vo-kitchen-station,.vo-sofa,.vo-table,.vo-plant,.vo-desk-pod,.vo-reception-desk,.vo-reception-monitor,.vo-rack,.vo-pool-table,.vo-fountain,.vo-reception-queue,.vo-sip-stack,.vo-live-call,.vo-reception-avatar,.vo-reception-label,.vo-stage-clock,.vo-stage-note,.vo-lines-layer,.vo-neon-sign{position:absolute}.vo-floor-grid{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.03) 0 1px,transparent 1px 100%),linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 100%);background-size:8% 100%,100% 8%;mix-blend-mode:multiply;opacity:.55}.vo-zone{border-radius:8px;border:1px solid rgba(50,32,21,.18);box-shadow:inset 0 0 0 1px #ffffff0a}.vo-zone-reception{left:3%;top:14%;width:18%;height:29%;background:#407a6eb8}.vo-zone-work{left:22%;top:20%;width:46%;height:62%;background:#61947647}.vo-zone-lounge{left:3%;top:50%;width:30%;height:29%;background:#5588784d}.vo-zone-kitchen{left:56%;top:3%;width:24%;height:14%;background:#70513242}.vo-zone-patio{left:70%;top:23%;width:26%;height:62%;background:#b0936b2e}.vo-neon-sign{padding:3px 9px;border-radius:6px;background:#17242cbd;color:#8ff0ff;border:1px solid rgba(143,240,255,.3);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 12px rgba(143,240,255,.75);box-shadow:0 0 20px #38bdf838}.vo-reception-desk{left:5.8%;top:25%;width:11.5%;height:8.5%;border-radius:8px;background:linear-gradient(180deg,#6e4c3a,#4e3225);box-shadow:inset 0 -4px #0000003d,0 8px 14px #0000002e}.vo-reception-monitor{left:11.7%;top:23.4%;width:2.8%;height:2.9%;border-radius:3px;background:linear-gradient(180deg,#244a64,#0f2234);border:1px solid rgba(255,255,255,.14)}.vo-rack{left:2.2%;top:9%;width:3.6%;height:13%;border-radius:5px;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 20%),repeating-linear-gradient(180deg,#46505a 0,#46505a 12%,#313840 12%,#313840 24%);border:1px solid rgba(255,255,255,.08)}.vo-pool-table{left:43%;top:58%;width:9%;height:14%;border-radius:10px;background:linear-gradient(180deg,#2b5f53,#21473e);border:6px solid #503522;box-shadow:0 12px 20px #0000002e}.vo-pool-table:before{content:"";position:absolute;top:44%;right:46%;bottom:44%;left:46%;width:8px;height:8px;border-radius:50%;background:#ffffffb3}.vo-fountain{left:69.5%;top:43%;width:16%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#9fe6ff 0 12%,#73caec 12% 28%,#2f8bb2 28% 32%,#b2a08b 32% 46%,#6b5c4f 46% 48%,transparent 48%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.4),transparent 58%);box-shadow:0 12px 24px #00000029}.vo-fountain:before{content:"";position:absolute;left:47%;top:21%;width:6%;height:22%;border-radius:999px;background:linear-gradient(180deg,#fffffff2,#78dcff66);box-shadow:0 0 10px #93e6ffb3}.vo-shelf{border-radius:5px;background:repeating-linear-gradient(90deg,#68442f 0,#68442f 10%,#7d5438 10%,#7d5438 20%,#9cb76d 20%,#9cb76d 26%,#5670a1 26%,#5670a1 32%,#cc8253 32%,#cc8253 38%);border:2px solid rgba(62,37,21,.4);box-shadow:inset 0 -3px #0000002e}.vo-kitchen-station{border-radius:6px;background:linear-gradient(180deg,#8b6b47,#6f5338);border:1px solid rgba(0,0,0,.18)}.vo-kitchen-station.dark{background:linear-gradient(180deg,#5f4a36,#473526),radial-gradient(circle at 70% 40%,rgba(255,255,255,.16),transparent 30%)}.vo-sofa{border-radius:8px;background:linear-gradient(180deg,#2e7c74,#24645f);border:2px solid rgba(28,69,66,.6);box-shadow:inset 0 -5px #00000029}.vo-table{border-radius:999px;background:linear-gradient(180deg,#7c5a3d,#62442d);border:2px solid rgba(67,42,22,.45)}.vo-plant{width:2.6%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#6dd899,#2f8f58 68%,#226744);box-shadow:0 0 0 4px #7b5b3f,0 5px 10px #00000026}.vo-desk-pod{width:9.4%;height:11.2%;transform:translate(-50%,-50%)}.vo-desk,.vo-screen,.vo-chair{position:absolute}.vo-desk{left:50%;top:42%;width:8%;height:6.3%;transform:translate(-50%,-50%);border-radius:7px;background:linear-gradient(180deg,#72533c,#553b2a);box-shadow:inset 0 -4px #0003,0 8px 12px #00000024}.vo-screen{left:50%;top:24%;width:3%;height:2.6%;transform:translate(-50%,-50%);border-radius:3px;background:linear-gradient(180deg,#243a4a,#101d28);border:1px solid rgba(255,255,255,.12)}.vo-chair{left:50%;top:74%;width:4.2%;height:4.5%;transform:translate(-50%,-50%);border-radius:50% 50% 42% 42%;background:linear-gradient(180deg,#313d57,#1b2333)}.vo-reception-queue,.vo-sip-stack{width:9.5%;min-height:15%;padding:10px 8px 8px;border-radius:8px;background:#0f172a8f;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px #00000038}.vo-reception-queue{left:6.8%;top:35%;height:41%}.vo-sip-stack{right:3.5%;top:11%;height:24%}.vo-queue-title{margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#dbeafe}.vo-customer-chip{left:8%;width:84%;padding:6px 7px;border-radius:7px;background:#2563eb24;border:1px solid rgba(96,165,250,.3);box-shadow:0 6px 14px #00000029}.vo-customer-chip b,.vo-customer-chip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vo-customer-chip b{font-size:11px;color:#eff6ff}.vo-customer-chip span{font-size:10px;color:#cbd5e1}.vo-call-orb{width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:50%;box-shadow:0 0 16px #38bdf8a6}.vo-call-orb.dialing{background:#38bdf8;animation:voPulse 1.2s ease-in-out infinite}.vo-call-orb.ringing_carrier{background:#f59e0b;box-shadow:0 0 18px #f59e0b8c;animation:voPulse .8s ease-in-out infinite}.vo-lines-layer{top:0;right:0;bottom:0;left:0;pointer-events:none}.vo-call-line{overflow:visible;pointer-events:none}.vo-call-line line{stroke:#3b82f680;stroke-width:.22;stroke-dasharray:1.1 .85;animation:voDash 2.2s linear infinite}.vo-call-line.active line{stroke:#10b981e6;stroke-width:.28;filter:drop-shadow(0 0 6px rgba(16,185,129,.5))}.vo-live-call{width:10.5%;padding:7px 8px;border-radius:8px;background:#060c16d6;border:1px solid rgba(96,165,250,.32);box-shadow:0 10px 20px #00000038;transform:translate(-50%,-50%)}.vo-live-call.ringing{border-color:#f59e0b6b}.vo-live-call.talking{border-color:#22c55e6b}.vo-live-call-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.vo-live-call-head strong,.vo-live-call-head span,.vo-live-call-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vo-live-call-head strong{font-size:11px}.vo-live-call-head span{font-size:10px;color:#93c5fd}.vo-live-call-body{display:grid;gap:2px;margin-top:5px}.vo-live-call-body span{font-size:10px;color:#cbd5e1}.vo-wave-bars{display:flex;align-items:end;gap:3px;height:16px;margin-top:6px}.vo-wave-bars i{width:3px;border-radius:999px;background:linear-gradient(180deg,#8b5cf6,#38bdf8);animation:voBars .9s ease-in-out infinite}.vo-wave-bars i:nth-child(1){height:8px;animation-delay:0s}.vo-wave-bars i:nth-child(2){height:14px;animation-delay:.12s}.vo-wave-bars i:nth-child(3){height:11px;animation-delay:.24s}.vo-wave-bars i:nth-child(4){height:6px;animation-delay:.36s}.vo-reception-avatar{left:11.4%;top:30%;width:2.6%;height:4.8%;transform:translate(-50%,-50%);border-radius:50% 50% 38% 38%;background:linear-gradient(180deg,#d97706 0,#d97706 38%,#6b4122 38%,#6b4122);box-shadow:0 4px 10px #0003}.vo-reception-label{left:6.2%;top:32.4%;padding:4px 8px;border-radius:999px;background:#060c16cc;border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:700;letter-spacing:.04em;color:#e2e8f0}.vo-agent-avatar{position:absolute;width:4.2%;aspect-ratio:.82;transform:translate(-50%,-50%);padding:0;background:transparent;border:0;border-radius:0;overflow:visible}.vo-agent-avatar:hover{transform:translate(-50%,-52%)}.vo-agent-avatar.selected .vo-agent-nameplate{opacity:1}.vo-agent-shadow{position:absolute;left:50%;bottom:2px;width:74%;height:16%;transform:translate(-50%);border-radius:50%;background:#0000003d;filter:blur(4px)}.vo-agent-body{position:absolute;top:0;right:0;bottom:0;left:0}.vo-agent-head,.vo-agent-hair,.vo-agent-headset,.vo-agent-arms,.vo-agent-torso,.vo-agent-legs{position:absolute}.vo-agent-head,.vo-agent-arms,.vo-agent-torso,.vo-agent-legs{left:50%;transform:translate(-50%)}.vo-agent-head{top:1%;width:38%;height:30%;border-radius:50%;background:var(--agent-skin);box-shadow:inset 0 -2px #00000017,0 0 0 1px #ffffff0d}.vo-agent-hair{top:-6%;right:-2%;bottom:42%;left:-2%;border-radius:55% 55% 40% 40%;background:var(--agent-hair);box-shadow:inset 0 -2px #ffffff0d}.vo-agent-hair:after{content:"";position:absolute;right:8%;top:28%;width:22%;height:30%;border-radius:999px;background:var(--agent-hair)}.vo-agent-headset{inset:18% -18% auto;height:38%;border-top:2px solid #cbd5e1;border-left:2px solid transparent;border-right:2px solid transparent;border-radius:999px 999px 0 0}.vo-agent-headset:before,.vo-agent-headset:after{content:"";position:absolute;top:56%;width:13%;height:30%;border-radius:999px;background:#dbeafe}.vo-agent-headset:before{left:-2%}.vo-agent-headset:after{right:-2%}.vo-agent-headset:after{box-shadow:8px 6px 0 -5px var(--agent-accent)}.vo-agent-arms{top:33%;width:68%;height:18%}.vo-agent-arms:before,.vo-agent-arms:after{content:"";position:absolute;top:0;width:30%;height:100%;border-radius:999px;background:linear-gradient(180deg,var(--agent-skin),color-mix(in srgb,var(--agent-skin) 82%,black 18%))}.vo-agent-arms:before{left:4%;transform:rotate(32deg)}.vo-agent-arms:after{right:4%;transform:rotate(-32deg)}.vo-agent-torso{top:29%;width:56%;height:31%;border-radius:34% 34% 20% 20%;background:linear-gradient(180deg,var(--agent-shirt),color-mix(in srgb,var(--agent-shirt) 72%,black 28%));box-shadow:0 0 0 1px #ffffff0f,inset 0 -4px #0000001f}.vo-agent-torso:before{content:"";position:absolute;left:50%;top:11%;width:22%;height:18%;transform:translate(-50%);border-radius:999px;background:#ffffff29}.vo-agent-legs{top:58%;width:46%;height:26%}.vo-agent-legs:before,.vo-agent-legs:after{content:"";position:absolute;top:0;width:34%;height:100%;border-radius:10px;background:linear-gradient(180deg,var(--agent-pants),color-mix(in srgb,var(--agent-pants) 78%,black 22%))}.vo-agent-legs:before{left:12%}.vo-agent-legs:after{right:12%}.vo-agent-avatar:after{content:"";position:absolute;left:50%;top:26%;width:13%;height:13%;transform:translate(88%);border-radius:50%;background:var(--agent-color);box-shadow:0 0 10px color-mix(in srgb,var(--agent-color) 65%,transparent);opacity:.9}.vo-agent-avatar.walking .vo-agent-body{animation:voWalk .9s ease-in-out infinite;animation-delay:var(--agent-delay)}.vo-agent-avatar.walking .vo-agent-legs:before{animation:voLegLeft .9s ease-in-out infinite;animation-delay:var(--agent-delay);transform-origin:top center}.vo-agent-avatar.walking .vo-agent-legs:after{animation:voLegRight .9s ease-in-out infinite;animation-delay:var(--agent-delay);transform-origin:top center}.vo-agent-avatar.walking .vo-agent-arms:before{animation:voArmLeft .9s ease-in-out infinite;animation-delay:var(--agent-delay);transform-origin:top center}.vo-agent-avatar.walking .vo-agent-arms:after{animation:voArmRight .9s ease-in-out infinite;animation-delay:var(--agent-delay);transform-origin:top center}.vo-agent-avatar.seated .vo-agent-body{transform:scale(.92) translateY(2%)}.vo-agent-avatar.seated .vo-agent-arms:before,.vo-agent-avatar.seated .vo-agent-arms:after{top:12%;width:32%;height:84%}.vo-agent-avatar.seated .vo-agent-legs{width:52%;height:18%;top:61%}.vo-agent-avatar.seated .vo-agent-legs:before,.vo-agent-avatar.seated .vo-agent-legs:after{height:65%;top:18%;border-radius:999px}.vo-agent-badge{position:absolute;right:-6px;top:-2px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#060c16e6;border:1px solid rgba(255,255,255,.12);color:#f8fafc;font-size:9px;font-weight:800}.vo-agent-nameplate{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);max-width:110px;padding:4px 7px;border-radius:999px;background:#060c16e0;border:1px solid rgba(56,189,248,.3);color:#e2e8f0;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 8px 16px #0000002e;opacity:.96}.vo-stage-clock,.vo-stage-note{left:50%;transform:translate(-50%);background:#060c16bd;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vo-stage-clock{top:3.8%;padding:5px 10px;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#e2e8f0}.vo-stage-note{bottom:3.5%;padding:6px 12px;border-radius:999px;font-size:11px;color:#cbd5e1}@keyframes voPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:1}}@keyframes voDash{to{stroke-dashoffset:-4}}@keyframes voBars{0%,to{transform:scaleY(.7);opacity:.85}50%{transform:scaleY(1.15);opacity:1}}@keyframes voWalk{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1.5deg)}}@keyframes voLegLeft{0%,to{transform:rotate(10deg)}50%{transform:rotate(-12deg)}}@keyframes voLegRight{0%,to{transform:rotate(-12deg)}50%{transform:rotate(10deg)}}@keyframes voArmLeft{0%,to{transform:rotate(35deg)}50%{transform:rotate(8deg)}}@keyframes voArmRight{0%,to{transform:rotate(-35deg)}50%{transform:rotate(-8deg)}}.vo-scene-hud{position:absolute;top:14px;display:grid;gap:4px;width:min(260px,40%);padding:12px 14px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#020617ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;pointer-events:none}.vo-scene-hud.left{left:14px}.vo-scene-hud.right{right:14px}.vo-scene-hud b{color:#e0f2fe;font-size:13px}.vo-scene-hud span{color:#aebcd2}.vo-side{display:grid;grid-template-rows:auto auto 1fr;gap:14px;min-height:660px}.vo-panel{border:1px solid var(--vo-line);border-radius:8px;background:var(--vo-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 54px #00000052,inset 0 1px #ffffff0a;padding:14px}.vo-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.vo-panel-title b{display:block}.vo-panel-title small{display:block;margin-top:2px;color:var(--vo-soft)}.vo-avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:8px;background:linear-gradient(145deg,#38bdf847,#f973162e);color:#f8fafc;border:1px solid rgba(255,255,255,.16);font-weight:800}.vo-upload{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vo-upload input{display:none}.vo-upload .btn-primary{grid-column:span 1}.vo-queue-list{display:grid;gap:7px;margin-top:12px;max-height:224px;overflow:auto}.vo-contact{display:grid;gap:2px;padding:8px 10px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0f172ab8}.vo-contact span{font-size:13px;font-weight:700}.vo-contact small{color:var(--vo-soft)}.vo-contact.dialing{border-color:#38bdf873}.vo-contact.contacted{border-color:#22c55e73;opacity:.72}.vo-contact.failed{border-color:#ef444461;opacity:.62}.vo-agent-detail{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.vo-call-detail{display:grid;gap:5px;padding:10px;border-radius:8px;background:#0206177a;border:1px solid rgba(148,163,184,.14);font-size:13px}.vo-call-detail span{color:#cbd5e1}.vo-empty{padding:14px;border-radius:8px;color:var(--vo-soft);background:#0206176b;border:1px dashed rgba(148,163,184,.2)}.vo-transcript{display:grid;gap:6px;margin-top:12px;max-height:156px;overflow:auto}.vo-transcript p{margin:0;padding:7px 9px;border-radius:8px;background:#0f172ab3;color:#dbeafe;font-size:12px;line-height:1.35}.vo-agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:start;padding:12px;border:1px solid var(--vo-line);border-radius:8px;background:#0206177a;overflow:auto}.vo-agent-mini{min-height:58px;padding:8px;display:flex;gap:8px;align-items:center;justify-content:flex-start;border:1px solid rgba(148,163,184,.15);border-radius:8px;color:var(--vo-text);background:#0f172adb;text-align:left}.vo-agent-mini.selected{border-color:#38bdf8b8;box-shadow:0 0 0 2px #38bdf82e,0 0 26px #38bdf81f}.vo-agent-mini b{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.vo-agent-mini small{display:block;max-width:52px;overflow:hidden;color:var(--vo-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.vo-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.vo-bottom{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin-top:14px}.vo-log,.vo-history{min-height:260px;overflow:auto}.vo-log b,.vo-history b{display:block;margin-bottom:10px}.vo-log p{display:grid;grid-template-columns:54px 48px 1fr;gap:8px;align-items:baseline;margin:0;padding:7px 0;border-bottom:1px solid rgba(148,163,184,.1);color:#dbeafe;font-size:12px}.vo-log p span,.vo-log p strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.vo-log p span{color:var(--vo-soft)}.vo-log p strong{color:var(--vo-cyan)}.vo-history table th,.vo-history table td{font-size:12px;padding:8px}.virtual-office-shell .badge{white-space:nowrap}.virtual-office-shell .st-dialing{background:#38bdf8;color:#03131d}@media (max-width: 1240px){.vo-layout{grid-template-columns:1fr}.vo-side{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}.vo-agent-grid{grid-column:1 / -1;grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 920px){.vo-command{align-items:flex-start;flex-direction:column}.vo-actions{justify-content:flex-start}.vo-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.vo-stage{min-height:520px}.vo-side,.vo-bottom{grid-template-columns:1fr}.vo-live-call{width:14%}.vo-reception-queue,.vo-sip-stack{width:13%}}@media (max-width: 620px){.vo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vo-scene-hud{width:calc(100% - 28px)}.vo-scene-hud.right{top:auto;bottom:14px;left:14px;right:auto}.vo-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vo-stage{min-height:460px}.vo-stage-note{width:calc(100% - 40px);text-align:center;border-radius:10px}.vo-live-call,.vo-reception-queue,.vo-sip-stack{display:none}.vo-agent-avatar{width:5.5%}}@media (max-width: 720px){.topbar{flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px 14px}.topbar .brand{flex:1 1 auto;min-width:120px}.topbar>.muted{max-width:calc(100vw - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .spacer{display:none}.module-switcher{order:10;width:100%;overflow-x:auto;padding-bottom:2px}.module-switcher .mod{flex:0 0 auto}.container{width:100%;max-width:100%;padding:14px;overflow-x:hidden}}