.ccsp-launch[data-v-ba025292]{position:fixed;z-index:1000;width:56px;height:56px;border-radius:50%;border:none;background:#1f40ae;color:#fff;box-shadow:0 10px 30px -8px #1f2a4480;cursor:pointer;display:flex;align-items:center;justify-content:center}.ccsp-launch .ccsp-dot[data-v-ba025292]{position:absolute;top:8px;right:8px;border:2px solid #1F40AE}.ccsp[data-v-ba025292]{position:fixed;z-index:1000;width:320px;background:#0d1b3e;border-radius:18px;box-shadow:0 24px 60px -18px #0000008c;overflow:hidden;font-family:system-ui,Sarabun,sans-serif;color:#fff}.ccsp-head[data-v-ba025292]{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:2px solid #f59e0b33;position:relative;cursor:grab}.ccsp-stat[data-v-ba025292]{display:flex;align-items:center;gap:6px;background:#ffffff14;border-radius:20px;padding:5px 11px;font-size:12.5px;font-weight:700;cursor:pointer}.ccsp-dot[data-v-ba025292]{width:9px;height:9px;border-radius:50%;display:inline-block}.ccsp-grip[data-v-ba025292]{margin:0 auto;opacity:.5}.ccsp-hbtns[data-v-ba025292]{display:flex;gap:4px}.ccsp-hbtns button[data-v-ba025292]{background:#ffffff14;border:none;color:#cbd5e1;width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.ccsp-menu[data-v-ba025292]{position:absolute;top:44px;left:10px;background:#122550;border:1px solid #ffffff1a;border-radius:12px;padding:6px;z-index:5;box-shadow:0 16px 40px -12px #000;min-width:150px}.ccsp-menu button[data-v-ba025292]{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:#e2e8f0;padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer;text-align:left}.ccsp-menu button[data-v-ba025292]:hover{background:#ffffff12}.ccsp-sep[data-v-ba025292]{height:1px;background:#ffffff1a;margin:4px 0}.ccsp-body[data-v-ba025292]{padding:16px 16px 12px}.ccsp-callrow[data-v-ba025292]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.ccsp-num[data-v-ba025292]{font-size:28px;font-weight:800;line-height:1.1}.ccsp-dir[data-v-ba025292]{display:flex;align-items:center;gap:5px;font-size:12px;color:#94a3b8;margin-top:2px}.ccsp-conn[data-v-ba025292]{background:#10341f;color:#34d399;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;white-space:nowrap}.ccsp-conn.ring[data-v-ba025292]{background:#2a2140;color:#fbbf24}.ccsp-grid[data-v-ba025292]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;place-items:center}.ccsp-grid.two[data-v-ba025292]{grid-template-columns:repeat(2,1fr)}.ccsp-ctl[data-v-ba025292]{width:56px;height:56px;border-radius:50%;border:none;background:#ffffff14;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ccsp-ctl small[data-v-ba025292]{font-size:8.5px;opacity:.7}.ccsp-ctl.on[data-v-ba025292]{background:#fff;color:#0d1b3e}.ccsp-ctl.ans[data-v-ba025292]{background:#22c55e}.ccsp-ctl.hang[data-v-ba025292]{background:#ef4444}.ccsp-ctl.big[data-v-ba025292]{width:62px;height:62px}.ccsp-hangwrap[data-v-ba025292]{display:flex;justify-content:center;margin-top:14px}.ccsp-xfer[data-v-ba025292]{display:flex;gap:6px;margin-bottom:12px}.ccsp-xfer input[data-v-ba025292]{flex:1;padding:8px 10px;border-radius:8px;border:none;font-size:13px}.ccsp-foot[data-v-ba025292]{background:#fff;color:#1e293b;padding:12px;border-radius:18px 18px 0 0}.ccsp-ftabs[data-v-ba025292]{display:flex;gap:6px;margin-bottom:10px}.ccsp-ftabs button[data-v-ba025292]{flex:1;background:#f1f5fb;border:1.5px solid transparent;border-radius:10px;padding:8px 4px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer}.ccsp-ftabs button.on[data-v-ba025292]{background:#fff;border-color:#1f40ae;color:#1f40ae}.ccsp-dest[data-v-ba025292]{width:100%;text-align:center;padding:11px;border:1px solid #e2e8f0;border-radius:10px;font-size:16px;margin-bottom:10px}.ccsp-keys[data-v-ba025292]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ccsp-keys button[data-v-ba025292]{aspect-ratio:1.7;border:1px solid #eef1f9;border-radius:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.ccsp-keys b[data-v-ba025292]{font-size:18px;color:#1e293b}.ccsp-keys small[data-v-ba025292]{font-size:8px;color:#94a3b8;letter-spacing:1px}.ccsp-btn[data-v-ba025292]{background:#1f40ae;color:#fff;border:none;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}.ccsp-btn.ghost[data-v-ba025292]{background:#e2e8f0;color:#334}.ccsp-btn.call[data-v-ba025292]{width:100%;margin-top:10px;padding:11px}.ccsp-btn[data-v-ba025292]:disabled{opacity:.5;cursor:not-allowed}.ccsp-note[data-v-ba025292]{font-size:12.5px;color:#64748b;padding:8px 4px}.subnav[data-v-6fd79c36]{display:flex;gap:2px;margin:-6px 0 18px;border-bottom:1px solid var(--line);overflow-x:auto}.sub-tab[data-v-6fd79c36]{display:inline-flex;align-items:center;gap:6px;padding:11px 14px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:2.5px solid transparent;white-space:nowrap}.sub-tab[data-v-6fd79c36]:hover{color:#1f40ae}.sub-tab.on[data-v-6fd79c36]{color:#1f40ae;border-bottom-color:#1f40ae}.sub-tab span[data-v-6fd79c36]{line-height:1}:root{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bg: #F1F5F9;--navy: #1E3A8A;--blue: #1E40AF;--blue2: #2563EB;--blue-light: #DBEAFE;--text: #1E293B;--muted: #64748B;--faint: #94A3B8;--line: #E2E8F0;--line2: #CBD5E1;--field: #F8FAFC;--danger: #DC2626;--danger-soft: #FEE2E2;--warn: #92400E;--warn-soft: #FEF3C7;--green: #10B981;--green-soft: #D1FAE5;--amber: #D97706;--panel: #FFFFFF;--accent: #2563EB;--red: #DC2626}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px}a{color:inherit;text-decoration:none}code{font-size:11.5px;color:var(--blue);background:var(--blue-light);padding:1px 5px;border-radius:4px}.bare{min-height:100vh;display:grid;place-items:center}.shell{min-height:100vh;display:flex;flex-direction:column;background:#1f40ae}.navbar{background:#1f40ae;color:#fff;width:100%;display:flex;align-items:center;gap:18px;padding:0 22px;height:54px}.nav-logo{height:48px;width:auto;object-fit:contain;flex-shrink:0}.nav-tabs{display:flex;align-items:flex-end;gap:4px;flex:1;height:100%;overflow-x:auto}.nav-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;margin-bottom:6px;border-radius:12px;font-size:13px;font-weight:500;color:#dbeafe;white-space:nowrap;transition:background .15s,color .15s}.nav-tab:hover{background:#ffffff1f;color:#fff}.nav-tab.router-link-active{background:var(--bg);color:#1f40ae;font-weight:700;border-radius:12px 12px 0 0;padding-top:11px;padding-bottom:13px;margin-bottom:0;box-shadow:0 -2px 10px #0000001f}.nav-ico{font-size:14px;line-height:1}.nav-right{margin-left:auto;display:flex;align-items:center;gap:11px;flex-shrink:0}.credit-chip{display:inline-flex;align-items:center;gap:5px;background:#ffffff29;color:#fff;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;white-space:nowrap}.credit-chip.low{background:#dc2626d9}.credit-chip .credit-lbl{font-weight:500;opacity:.85}.credit-add{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:0;background:#ffffff29;color:#fff;cursor:pointer}.credit-add:hover{background:#ffffff4d}.analyzing-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;color:#fff;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;white-space:nowrap}.analyzing-chip .spin,.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.user-name{font-size:12px;font-weight:600;color:#fff;opacity:.92}.avatar{width:30px;height:30px;border-radius:50%;background:#93c5fd;color:#1f40ae;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.logout{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:0;background:#ffffff29;color:#fff;cursor:pointer;font-family:inherit}.logout:hover{background:#ffffff47}.content{background:var(--bg);margin:0 12px 12px;border-radius:16px;padding:20px 24px 32px;flex:1;box-shadow:0 10px 34px #0f172a2e}h1{font-size:17px;margin:0 0 3px;color:var(--text);font-weight:700}.sub{color:var(--muted);font-size:12px;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.card{background:#fff;border:.5px solid var(--line);border-radius:10px;padding:14px 16px}.card .k{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.card .v{font-size:24px;font-weight:700;margin-top:5px}.card.c-blue{border-top:3px solid var(--blue2)}.card.c-green{border-top:3px solid var(--green)}.card.c-amber{border-top:3px solid var(--amber)}.card.c-red{border-top:3px solid var(--danger)}table{width:100%;border-collapse:collapse;font-size:12px;background:#fff;border:.5px solid var(--line);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:9px 12px;border-bottom:.5px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;background:var(--field)}tbody tr:hover{background:var(--field)}.badge{font-size:11px;padding:2px 9px;border-radius:999px;font-weight:600}.badge.on{background:var(--green-soft);color:#047857}.badge.off{background:var(--danger-soft);color:var(--danger)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.btn{background:var(--blue2);color:#fff;border:none;border-radius:7px;padding:8px 16px;font-weight:600;cursor:pointer;font-family:inherit;font-size:12px}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:#fff;color:var(--muted);border:.5px solid var(--line2)}.link{background:none;border:none;color:var(--blue2);cursor:pointer;padding:0 6px;font-size:12px;font-family:inherit}.field{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.field input,.field select{background:#fff;border:.5px solid var(--line2);color:var(--text);border-radius:7px;padding:7px 10px;font-family:inherit;font-size:12px}.banner{background:var(--blue-light);color:var(--blue);border:.5px solid #BFDBFE;padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:12px}.err{color:var(--danger);font-size:12px}.install-card{background:#fff;border:.5px solid var(--line);border-radius:10px;padding:16px;margin-bottom:18px}.install-head{display:flex;justify-content:space-between;align-items:center}.cmd{display:flex;gap:10px;align-items:center;background:var(--field);border:.5px solid var(--line2);border-radius:8px;padding:10px 12px;margin-top:8px}.cmd code{font-size:11.5px;word-break:break-all;flex:1;background:none;padding:0}.login-card{background:#fff;border:.5px solid var(--line);border-radius:16px;padding:40px;text-align:center;max-width:380px;box-shadow:0 10px 40px #1e3a8a14}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(640px,94vw);background:#fff;z-index:50;box-shadow:-12px 0 40px #0f172a2e;display:flex;flex-direction:column}.drawer-head{background:var(--navy);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:10px}.drawer-body{padding:16px;overflow-y:auto;flex:1}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}.kv .item{background:var(--field);border:.5px solid var(--line);border-radius:8px;padding:8px 10px}.kv .item .k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.kv .item .v{font-size:13px;font-weight:700;margin-top:2px}.transcript{background:var(--field);border:.5px solid var(--line);border-radius:8px;padding:12px;font-size:12px;line-height:1.7;max-height:320px;overflow-y:auto}.score-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:.5px solid var(--line);font-size:12px}.score-bar{height:7px;border-radius:99px;background:var(--line);flex:1;overflow:hidden}.score-bar>i{display:block;height:100%;border-radius:99px}.sec-title2{font-size:12px;font-weight:700;color:var(--blue);margin:14px 0 4px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:18px}.kpi{border-radius:18px;padding:22px 24px;color:#fff;display:flex;align-items:center;gap:18px;box-shadow:0 10px 30px #0f172a1f}.kpi .ic{width:56px;height:56px;border-radius:14px;background:#ffffff2e;display:grid;place-items:center;flex-shrink:0}.kpi .big{font-size:34px;font-weight:800;line-height:1;font-family:"Sora",var(--font-sans)}.kpi .lbl{font-size:12.5px;opacity:.92;margin-top:6px;font-weight:500}.kpi.k-blue{background:linear-gradient(135deg,#2563eb,#1e3a8a)}.kpi.k-dark{background:linear-gradient(135deg,#334155,#0f172a)}.kpi.k-green{background:linear-gradient(135deg,#10b981,#047857)}.kpi.k-red{background:linear-gradient(135deg,#f43f5e,#be123c)}.kpi.k-amber{background:linear-gradient(135deg,#f59e0b,#b45309)}.segtabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.seg{border:.5px solid var(--line2);background:#fff;color:var(--muted);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.seg.active{background:var(--blue2);color:#fff;border-color:var(--blue2)}.seg:hover:not(.active){background:var(--field)}.chip{border:.5px solid var(--line2);background:#fff;color:var(--text);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:inherit}.chip.active{background:var(--blue2);color:#fff;border-color:var(--blue2)}.panel{background:#fff;border:.5px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:16px;box-shadow:0 4px 18px #0f172a0d}.panel-title{font-size:13px;font-weight:700;color:var(--text);margin:0 0 12px;display:flex;align-items:center;gap:8px}.row-actions{display:flex;gap:6px}.state{font-size:11px;padding:3px 10px;border-radius:999px;font-weight:700;text-transform:capitalize}.state.available{background:var(--green-soft);color:#047857}.state.logged_out{background:#e2e8f0;color:var(--muted)}.state.busy,.state.voice{background:var(--warn-soft);color:var(--warn)}.state.ringing,.state.offering{background:var(--blue-light);color:var(--blue)}.state.waiting{background:var(--warn-soft);color:var(--warn)}.state.active,.state.bridged{background:var(--green-soft);color:#047857}.ch{display:inline-flex;align-items:center;gap:5px;font-weight:600}.empty{text-align:center;color:var(--faint);padding:28px;font-size:12px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.grow{flex:1}.mini{font-size:11px;color:var(--muted)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:40;display:grid;place-items:center}.modal{background:#fff;border-radius:14px;padding:22px;width:min(440px,94vw);box-shadow:0 20px 60px #0f172a4d}.modal h3{margin:0 0 14px;font-size:15px}.modal label{display:block;font-size:11px;color:var(--muted);font-weight:600;margin:10px 0 4px}.modal input,.modal select{width:100%;padding:8px 10px;border:.5px solid var(--line2);border-radius:7px;font-family:inherit;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}