*{font-family:Archivo,sans-serif}.dsPageContainer{width:100vw;height:100vh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.leftSection{padding:20px;grid-template-rows:auto auto 1fr;gap:10px;background:linear-gradient(0deg,#f3f3f3,#f3f3f3),linear-gradient(0deg,#f1f5f8,#f1f5f8)}.leftSection .header{font-size:32px;font-weight:500;color:#2a2a33}.leftSection .subHeader{color:#1172fa}.loginLeftImg{align-self:end;width:100%}.rightSectionLogin{padding:20px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:auto}.logo{width:auto}.rightSectionMiddlePart{max-width:470px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.loginHeader{font-size:24px;font-weight:500;color:#2a2a33}.loginHeader,.loginSubHeader{text-align:center;max-width:380px}.loginSubHeader{color:#313957;font-size:18px;font-weight:400}.loginForm{width:100%;margin-top:24px;display:grid;gap:18px}.dsFieldContainer{display:grid;gap:6px}.dsLabel{font-size:14px;font-weight:500;color:#0c1421;width:-moz-fit-content;width:fit-content}.dsInput{height:44px;line-height:44px;border-radius:2px;outline:none;padding:0 10px;background-color:#f7fbff;border:1px solid #d4d7e3;font-size:14px;font-weight:400;color:#2a2a33;width:100%}.dsInput:focus{border-color:#1172fa}.lastFieldContainer{display:flex;justify-content:space-between;align-items:center}.lastFieldContainer .dsLabel{display:flex;align-items:center;gap:5px}.loginButton{height:44px;outline:none;border:none;background:linear-gradient(0deg,#1172fa,#1172fa),linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,0));border:1px solid;border-image-source:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,0));box-shadow:0 0 0 1px #375dfb;box-shadow:0 1px 2px 0 #253ea77a;border-radius:2px;color:#fff}.forgotPasswordLink,.loginButton,.signUpLink{font-size:14px;font-weight:500;cursor:pointer}.forgotPasswordLink,.signUpLink{text-decoration:none;color:#1172fa}.dsCaptchaContainer{display:flex;align-items:center;gap:5px}.rightSectionBottomPart{font-size:14px;font-weight:500;color:#122b31}@media screen and (max-width:1024px){.rightSectionMiddlePart{max-width:380px}.loginHeader,.loginSubHeader{max-width:320px}.recaptchaCanvas{width:150px}}@media screen and (max-width:768px){.dsPageContainer{grid-template-columns:1fr}.leftSection{display:none}.rightSectionMiddlePart{max-width:540px}.loginHeader,.loginSubHeader{max-width:380px}.recaptchaCanvas{width:200px}}@media screen and (max-width:480px){.rightSectionMiddlePart{max-width:320px}.recaptchaCanvas{width:150px}}.err[data-v-7d5cd036]{color:#e74c3c;margin-top:10px}.overlay[data-v-6f86d59b]{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999}.overlay-content[data-v-6f86d59b]{background:#fff;padding:24px;border-radius:14px;min-width:320px}<style scoped>.wrap[data-v-6f86d59b]{margin-left:88px;min-height:100vh;background:#f5f7fb;color:#1f2937}.top[data-v-6f86d59b]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.controls[data-v-6f86d59b]{display:flex;align-items:center;gap:10px}.controls button[data-v-6f86d59b]{border:none;outline:none;padding:9px 14px;border-radius:10px;background:#e5e7eb;color:#111827;cursor:pointer;font-weight:600;transition:.2s ease}.controls button[data-v-6f86d59b]:hover{opacity:.92}.controls button.active[data-v-6f86d59b]{background:#1172fa;color:#fff}.controls .logout[data-v-6f86d59b]{background:#ef4444;color:#fff}.state[data-v-6f86d59b]{font-size:14px;color:#6b7280}.main[data-v-6f86d59b]{display:grid;grid-template-columns:340px 1fr;gap:16px;padding:16px 20px 20px}.left[data-v-6f86d59b],.right[data-v-6f86d59b]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.left h3[data-v-6f86d59b],.right h3[data-v-6f86d59b]{margin:0;padding:16px 16px 10px;font-size:18px;font-weight:700}.tabs[data-v-6f86d59b]{display:flex;gap:10px;padding:0 16px 14px}.tab[data-v-6f86d59b]{border:none;padding:10px 14px;border-radius:10px;background:#eef2f7;color:#374151;cursor:pointer;font-weight:600}.tab.on[data-v-6f86d59b]{background:#1172fa;color:#fff}.list[data-v-6f86d59b]{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 240px);overflow:auto}.conv[data-v-6f86d59b]{width:100%;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:12px;cursor:pointer;transition:.2s ease}.conv[data-v-6f86d59b]:hover{border-color:#bfd7ff;background:#f9fbff}.conv.selected[data-v-6f86d59b]{border-color:#1172fa;background:#eef5ff}.row1[data-v-6f86d59b]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.preview[data-v-6f86d59b]{margin-top:8px;color:#6b7280;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.pill[data-v-6f86d59b]{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.pill.OPEN[data-v-6f86d59b]{background:#dcfce7;color:#166534}.pill.CLOSED[data-v-6f86d59b]{background:#f3f4f6;color:#6b7280}.pill.QUEUED[data-v-6f86d59b]{background:#fef3c7;color:#92400e}.right[data-v-6f86d59b]{display:flex;flex-direction:column}.empty[data-v-6f86d59b]{padding:24px 16px;color:#6b7280}.chat[data-v-6f86d59b]{display:flex;flex-direction:column;height:calc(100vh - 180px)}.chat-head[data-v-6f86d59b]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #f3f4f6;border-bottom:1px solid #e5e7eb;background:#fcfcfd}.head-left[data-v-6f86d59b]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.flowTag[data-v-6f86d59b]{padding:4px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600}.closebtn[data-v-6f86d59b]{border:none;padding:9px 14px;border-radius:10px;background:#ef4444;color:#fff;cursor:pointer;font-weight:600}.closedText[data-v-6f86d59b]{color:#6b7280;font-weight:600}.flowBox[data-v-6f86d59b]{margin:14px 16px 0;padding:14px;background:#f8fbff;border:1px solid #d9e8ff;border-radius:14px}.flowTitle[data-v-6f86d59b]{font-size:14px;font-weight:700;margin-bottom:12px}.flowGrid[data-v-6f86d59b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.flowItem[data-v-6f86d59b]{background:#fff;border:1px solid #e5eefc;border-radius:12px;padding:10px}.flowItem .k[data-v-6f86d59b]{font-size:12px;color:#6b7280;margin-bottom:4px;text-transform:capitalize}.flowItem .v[data-v-6f86d59b]{font-size:14px;font-weight:600;color:#111827;word-break:break-word}.msgs[data-v-6f86d59b]{flex:1;overflow:auto;padding:16px;background:#f8fafc;display:flex;flex-direction:column;gap:12px}.msg[data-v-6f86d59b]{display:flex}.msg.them[data-v-6f86d59b]{justify-content:flex-start}.msg.me[data-v-6f86d59b]{justify-content:flex-end}.bubble[data-v-6f86d59b]{max-width:72%;padding:10px 12px;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.05)}.msg.them .bubble[data-v-6f86d59b]{background:#fff;color:#111827;border:1px solid #e5e7eb;border-top-left-radius:6px}.msg.me .bubble[data-v-6f86d59b]{background:#1172fa;color:#fff;border-top-right-radius:6px}.msg.is-bot .bubble[data-v-6f86d59b]{background:#eef6ff;color:#0f172a;border:1px solid #cfe2ff}.meta-bot[data-v-6f86d59b],.meta[data-v-6f86d59b]{font-size:11px;font-weight:700;margin-bottom:6px;opacity:.9}.txt[data-v-6f86d59b]{white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:14px}.time[data-v-6f86d59b]{display:block;margin-top:7px;font-size:11px;opacity:.75}.composer[data-v-6f86d59b]{display:flex;gap:10px;padding:14px 16px;border-top:1px solid #e5e7eb;background:#fff}.composer input[data-v-6f86d59b]{flex:1;min-width:0;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;outline:none;font-size:14px}.composer input[data-v-6f86d59b]:focus{border-color:#1172fa;box-shadow:0 0 0 3px rgba(17,114,250,.12)}.composer button[data-v-6f86d59b]{border:none;border-radius:12px;padding:0 18px;background:#1172fa;color:#fff;font-weight:700;cursor:pointer}.composer button[data-v-6f86d59b]:disabled,.composer input[data-v-6f86d59b]:disabled{opacity:.6;cursor:not-allowed}.popup[data-v-6f86d59b]{position:fixed;right:24px;bottom:24px;width:300px;background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:16px;box-shadow:0 18px 50px rgba(2,8,23,.18);z-index:999}.popup b[data-v-6f86d59b]{display:block;margin-bottom:10px}.popup .row[data-v-6f86d59b]{display:flex;gap:10px;margin-top:14px}.popup button[data-v-6f86d59b]{border:none;padding:10px 14px;border-radius:10px;cursor:pointer;background:#1172fa;color:#fff;font-weight:600}.popup button.ghost[data-v-6f86d59b]{background:#eef2f7;color:#111827}#topbar[data-v-6f86d59b]{background:#fff;border-bottom:1px solid #e5e7eb}.desktopTopbar[data-v-6f86d59b],.mobileTopbar[data-v-6f86d59b]{padding:14px 20px}.desktopTopbar[data-v-6f86d59b]{display:flex;align-items:center;justify-content:space-between}.topbarLogo[data-v-6f86d59b]{font-size:20px;font-weight:800;color:#111827}.tobarStatusSubItem[data-v-6f86d59b],.topbarItem[data-v-6f86d59b],.topbarRight[data-v-6f86d59b],.topbarSection[data-v-6f86d59b]{display:flex;align-items:center;gap:12px}.profileText[data-v-6f86d59b]{display:flex;flex-direction:column;margin:0;line-height:1.2}.profileText span[data-v-6f86d59b]:first-child{font-weight:700}.profileText span[data-v-6f86d59b]:last-child{font-size:12px;color:#6b7280}.tobarProfileIcon[data-v-6f86d59b]{width:40px;height:40px;border-radius:999px}.ds_primary[data-v-6f86d59b]{border:none;background:#1172fa;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.mobileTopbar[data-v-6f86d59b]{display:none}@media (max-width:1100px){.main[data-v-6f86d59b]{grid-template-columns:300px 1fr}.bubble[data-v-6f86d59b]{max-width:82%}}@media (max-width:900px){.wrap[data-v-6f86d59b]{margin-left:0}.desktopTopbar[data-v-6f86d59b]{display:none}.mobileTopbar[data-v-6f86d59b]{display:block}.main[data-v-6f86d59b]{grid-template-columns:1fr}.left[data-v-6f86d59b]{order:1}.right[data-v-6f86d59b]{order:2}.chat[data-v-6f86d59b]{height:70vh}}@media (max-width:640px){.top[data-v-6f86d59b]{flex-direction:column;align-items:flex-start;gap:12px}.controls[data-v-6f86d59b]{flex-wrap:wrap}.bubble[data-v-6f86d59b]{max-width:90%}.popup[data-v-6f86d59b]{right:12px;left:12px;width:auto;bottom:12px}}.wrap[data-v-6d82b7a1]{font-family:Arial}.top[data-v-6d82b7a1]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.actions[data-v-6d82b7a1]{display:flex;gap:8px}button[data-v-6d82b7a1]{padding:8px 10px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}button.logout[data-v-6d82b7a1]{background:#444}button.danger[data-v-6d82b7a1]{background:#e74c3c}button.secondary[data-v-6d82b7a1]{background:#6c757d}.grid[data-v-6d82b7a1]{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px}.card[data-v-6d82b7a1]{border:1px solid #eee;border-radius:12px;overflow:hidden}.cardHead[data-v-6d82b7a1]{padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}h3[data-v-6d82b7a1]{margin:0}.agents[data-v-6d82b7a1]{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow:auto}.agent[data-v-6d82b7a1]{padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}.row[data-v-6d82b7a1]{display:flex;align-items:center;gap:8px}.tabs[data-v-6d82b7a1]{display:flex;gap:8px}.tab[data-v-6d82b7a1]{background:#eee;color:#000}.tab.on[data-v-6d82b7a1]{background:#0b66d1;color:#fff}.convs[data-v-6d82b7a1]{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow:auto}.conv[data-v-6d82b7a1]{padding:10px;border:1px solid #eee;border-radius:12px}.preview[data-v-6d82b7a1]{margin-top:6px;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}select[data-v-6d82b7a1]{padding:8px;border-radius:10px;border:1px solid #ccc}.muted[data-v-6d82b7a1]{color:#777;font-size:12px}.pill[data-v-6d82b7a1]{padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:11px;background:#f5f5f5}.pill.READY[data-v-6d82b7a1]{background:#e9f6ee;border-color:#bfe6cc}.pill.LIVE[data-v-6d82b7a1]{background:#4fc77d;border-color:#abe4be;color:#fafafa}.pill.AWAY[data-v-6d82b7a1]{background:#fff5e6;border-color:#ffe0a3}.pill.OFFLINE[data-v-6d82b7a1]{background:#f5f5f5;border-color:#ddd}.pill.OPEN[data-v-6d82b7a1]{background:#e9f6ee;border-color:#bfe6cc}.pill.CLOSED[data-v-6d82b7a1]{background:#f5f5f5;border-color:#ddd}.pill.QUEUED[data-v-6d82b7a1]{background:#fff5e6;border-color:#ffe0a3}.modalOverlay[data-v-6d82b7a1]{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:999}.modal[data-v-6d82b7a1]{width:min(900px,92vw);height:min(80vh,700px);background:#fff;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.modalHead[data-v-6d82b7a1]{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.messages[data-v-6d82b7a1]{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fb}.msg[data-v-6d82b7a1]{max-width:75%;padding:10px 12px;border-radius:12px;border:1px solid #ddd;background:#fff}.msgMeta[data-v-6d82b7a1]{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.msgBody[data-v-6d82b7a1]{white-space:pre-wrap;word-break:break-word;font-size:14px}.agentMsg[data-v-6d82b7a1]{align-self:flex-end;background:#eaf3ff;border-color:#cfe0ff}.visitorMsg[data-v-6d82b7a1]{align-self:flex-start;background:#fff}.botMsg[data-v-6d82b7a1]{align-self:flex-start;background:#eefaf0;border-color:#cfead5}.systemMsg[data-v-6d82b7a1]{align-self:center;background:#f1f1f1;max-width:90%}.readOnlyBar[data-v-6d82b7a1]{padding:12px 14px;border-top:1px solid #eee;background:#fafafa;color:#666;font-size:13px}.wrap[data-v-5a6f7670]{font-family:Arial}.top[data-v-5a6f7670]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.actions[data-v-5a6f7670]{display:flex;gap:8px}button[data-v-5a6f7670]{padding:8px 10px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}button.ghost[data-v-5a6f7670]{background:#eee;color:#000}button.danger[data-v-5a6f7670]{background:#e74c3c}.grid[data-v-5a6f7670]{display:grid;grid-template-columns:320px 1fr;gap:12px;padding:12px}.card[data-v-5a6f7670]{border:1px solid #eee;border-radius:12px;overflow:hidden}.cardHead[data-v-5a6f7670]{padding:10px 12px;border-bottom:1px solid #eee}.list[data-v-5a6f7670]{padding:12px;display:flex;flex-direction:column;gap:8px}.item[data-v-5a6f7670]{text-align:left;background:#fafafa;color:#000;border:1px solid #eee}.item.on[data-v-5a6f7670]{border-color:#0b66d1}.row[data-v-5a6f7670]{display:flex;align-items:center;gap:8px}.pill[data-v-5a6f7670]{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid #ddd}.pill.on[data-v-5a6f7670]{background:#e9f6ee;border-color:#bfe6cc}.pill.off[data-v-5a6f7670]{background:#f5f5f5;border-color:#ddd}.empty[data-v-5a6f7670]{padding:16px;color:#777}.editor[data-v-5a6f7670]{padding:12px;display:flex;flex-direction:column;gap:12px}.field label[data-v-5a6f7670]{display:block;font-size:12px;color:#666;margin-bottom:4px}.field input[data-v-5a6f7670],.field select[data-v-5a6f7670],.field textarea[data-v-5a6f7670]{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px}.stepsHead[data-v-5a6f7670]{padding-top:4px}.steps[data-v-5a6f7670]{display:flex;flex-direction:column;gap:10px}.step[data-v-5a6f7670]{border:1px solid #eee;border-radius:12px;padding:10px;background:#fff}.choices[data-v-5a6f7670]{display:flex;flex-direction:column;gap:8px}.choice[data-v-5a6f7670]{display:grid;grid-template-columns:1fr 200px 40px;gap:8px}.jsonBox[data-v-5a6f7670]{border:1px solid #eee;border-radius:12px;padding:10px;background:#fafafa}pre[data-v-5a6f7670]{margin:0;font-size:12px;overflow:auto;max-height:260px}@media (max-width:860px){.choice[data-v-5a6f7670],.grid[data-v-5a6f7670]{grid-template-columns:1fr}}.admin-sidebar[data-v-0e56e815]{width:240px;min-height:100vh;background:#111827;color:#fff;padding:20px 16px}.logo[data-v-0e56e815]{font-size:20px;font-weight:800;margin-bottom:20px}.nav-item[data-v-0e56e815]{display:block;color:#d1d5db;text-decoration:none;padding:10px 12px;border-radius:10px;margin-bottom:8px}.nav-item.router-link-active[data-v-0e56e815]{background:#8b5cf6;color:#fff}.admin-topbar[data-v-3ecaecba]{height:60px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.title[data-v-3ecaecba]{font-weight:700}button[data-v-3ecaecba]{border:none;background:#ef4444;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer}.admin-layout[data-v-afa7e4a0]{display:flex;min-height:100vh;background:#f6f7fb}.admin-main[data-v-afa7e4a0]{flex:1;display:flex;flex-direction:column}.admin-content[data-v-afa7e4a0]{padding:20px}.cards[data-v-9f5f2310]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.card[data-v-9f5f2310]{background:#fff;padding:18px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.06);font-weight:700}.head[data-v-48a4f3b8]{display:flex;justify-content:space-between;margin-bottom:16px}.btn[data-v-48a4f3b8]{background:#8b5cf6;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px}.table[data-v-48a4f3b8]{width:100%;background:#fff;border-collapse:collapse}td[data-v-48a4f3b8],th[data-v-48a4f3b8]{padding:12px;border-bottom:1px solid #eee;text-align:left}.head[data-v-698bee4f]{display:flex;justify-content:space-between;margin-bottom:16px}.btn[data-v-698bee4f]{background:#8b5cf6;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px}.table[data-v-698bee4f]{width:100%;background:#fff;border-collapse:collapse}td[data-v-698bee4f],th[data-v-698bee4f]{padding:12px;border-bottom:1px solid #eee}.head[data-v-5b9babf6]{display:flex;justify-content:space-between;margin-bottom:16px}.btn[data-v-5b9babf6]{background:#8b5cf6;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px}.table[data-v-5b9babf6]{width:100%;background:#fff;border-collapse:collapse}td[data-v-5b9babf6],th[data-v-5b9babf6]{padding:12px;border-bottom:1px solid #eee}.admin-page[data-v-3c2257b5]{padding:20px}.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__connection-path,.vue-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translateX(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color,#0041d0)}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color,#1a192b)}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color,#ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.navIcon{display:block;margin-bottom:10px}body,html{background:#f4f6f9;overflow-x:hidden}.ds_hidden{display:none!important}.ds_pageContainer{display:grid;grid-template-columns:auto 1fr;height:100vh;width:100vw;overflow:hidden}#adminTopbar,#topbar{height:54px;position:sticky;top:0;z-index:1}.ds_mainContent{position:absolute;top:55px;left:66px;width:calc(100vw - 66px);height:calc(100vh - 55px)}.ds_agent-login{display:grid;grid-template-columns:1fr 1fr;height:100vh;background:#fff;overflow:hidden}.ds_left-section{background:#f5f7fb;padding:32px 28px 40px;display:flex;justify-content:center;overflow:hidden}.ds_left-content{width:100%;max-width:560px;display:grid;grid-template-rows:auto auto 1fr;gap:20px}.ds_illustration img{width:48px;height:48px}.ds_brand h2{font-size:28px;line-height:1.35;font-weight:600;color:#0f172a}.ds_brand span{color:#2563eb}.ds_bottom-image{border-radius:22px;overflow:hidden;align-self:flex-end}.ds_bottom-image img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;border-radius:22px}.ds_right-section{display:flex;align-items:center;justify-content:center;padding:40px 0;overflow:hidden}.ds_login-box{width:100%;max-width:420px;padding:0 40px;display:grid;justify-content:center;grid-template-rows:1fr auto auto 2fr auto;height:100%}.ds_logo-wrapper{display:flex;align-items:center;gap:10px;align-self:start;justify-self:center}.ds_right-ds_illustration img{width:40px;height:40px}.ds_logo{font-size:26px;font-weight:600}.ds_login-title{text-align:center;font-size:24px;font-weight:500;max-width:380px;color:#2a2a33}.ds_login-subtitle{text-align:center;font-size:18px;color:#313957;margin:14px 0 24px}.ds_login-form{width:100%;align-self:self-start;justify-self:center}.ds_form-group{margin-bottom:16px}.ds_form-group label{font-size:13px;margin-bottom:6px;display:block}.ds_form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px}.ds_form-options{display:flex;justify-content:space-between;font-size:12px;margin-bottom:20px}.ds_form-options a{color:#2563eb;text-decoration:none}.ds_btn-login{width:100%;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.ds_signup-text{margin-top:20px;font-size:13px;justify-self:center}.ds_app{display:flex;min-height:100vh}.ds_subBar{justify-content:space-between}.ds_subBar,.ds_subBar-left{display:flex;align-items:center}.ds_subBar-left,.ds_tab{height:100%}.ds_tab{background:#e9edf5;border:none;width:111px;font-size:12px;cursor:pointer;color:#333;white-space:nowrap}.ds_tab.ds_active{background:#2563eb;color:#fff}.ds_subBar-right{font-size:12px;color:#2563eb;white-space:nowrap;background:#e5e6f1;height:34px;line-height:34px;padding:0 30px;font-weight:500}.ds_content{overflow:auto;background-color:#f1f5f7;padding:8px;height:100%}.customeInfoCard{width:100%;background:#fff;padding:24px;border-radius:12px;display:flex;justify-content:center;align-items:center}.cardContent{max-width:480px;width:100%}.customeInfoCard h2{text-align:center;margin-bottom:24px;font-weight:500}.customeInfoCard label{font-size:13px;margin-bottom:6px;display:block}.customeInfoCard input,.customeInfoCard textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;margin-bottom:18px}.customeInfoCard textarea{height:100px;resize:none}.phoneInput{background:#f1f5f9;color:#64748b}.ds_primary{width:100%;padding:14px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer}.break-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:none;align-items:center;justify-content:center;z-index:9999;padding:16px}.break-popup{width:100%;max-width:300px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 35px rgba(0,0,0,.25)}.break-title{font-size:14px;font-weight:600;margin-bottom:10px}.break-status{background:#f4f6fa;border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:14px}.break-status select{border:none;background:transparent;font-size:12px;font-weight:500}.break-timer{margin-left:auto;font-weight:600;color:#2563eb}.resume-btn{width:100%;background:#2563eb;color:#fff;border:none;padding:10px;border-radius:6px;font-size:14px;cursor:pointer}body.popup-open{overflow:hidden}#sidebar section{height:100%}.sidebarDesktop{height:100%;width:66px;border-right:1px solid #eaeced;background:#fff}.sidebarMobile{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1172fa;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:1000}.ds_sidebar-menu{height:100%;display:grid;justify-content:center;grid-template-rows:repeat(7,54px) 1fr}.ds_sidebar-menu li{list-style:none;display:flex;align-items:center;justify-content:center;width:66px;height:54px;border-bottom:1px solid #eaeced;cursor:pointer}.ds_sidebar-menu li img{width:26px;height:26px}.ds_sidebar-menu li:last-child{align-self:flex-end}.ds_sidebar-menu{display:flex;flex-direction:column}.ds_sidebar-menu li:nth-last-child(6){margin-top:auto}.ds_sidebar-menu li:last-child{border-bottom:none}.desktopTopbar{display:block}.mobileTopbar{display:none}.desktopTopbar{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0 10px;border-bottom:1px solid #eaeced;background:#fff;gap:10px}.topbarLogo{height:16px}.topbarItem,.topbarRight,.topbarSection{display:flex;align-items:center;gap:8px}.topbarItem p{font-size:12px;font-weight:400;white-space:nowrap}.topbarSection:after{content:"";width:1px;height:35px;background:#eaeced}.topbarSection:last-child:after{content:"";display:none}.tobarStatusSubItem{display:flex;align-items:center;gap:5px;background-color:#f2f5f7;border:1px solid #d9e4eb;border-radius:4px;padding:5px}.tobarStatusSubItem img{width:31px;height:31px;padding:8px;background:#fff;border-radius:6px}.statusText{display:grid}.statusText span:first-child{font-size:10px;color:#667085;font-weight:400}.statusText span:last-child{font-size:12px;color:#101828;font-weight:500}.callTiming{padding-left:25px;align-self:flex-end;font-size:12px;font-weight:500;color:#1172fa}.tobarRightSideIcon{width:31px;height:31px;padding:8px;background:#ecf4f7;border-radius:6px}.topbarSideLogoItem{width:35px;height:35px;border-radius:2px;background-color:#e7f0ff}.topbarSideLogoItem img{width:100%;padding:5px}.topbarText{font-size:12px;font-weight:400;color:#667085}.clockText{color:#1172fa}.callText,.playText{display:grid}.callText span:last-child,.playText span:last-child{font-weight:500;color:#101828}.tobarProfileIcon{width:28px;height:28px;border-radius:50%}.profileText{display:grid}.profileText span:first-child{font-size:12px;color:#101828;font-weight:500}.profileText span:last-child{font-size:12px;color:#667085;font-weight:400}.topbarDropdownIcon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:5px;border:1px solid #dde2e4}#adminSidebar .ds_sidebar-menu{grid-template-rows:54px repeat(11,50px) 1fr;height:100vh;overflow-y:auto}#adminSidebar .ds_sidebar-menu li:first-child{position:sticky;top:0;z-index:1;background:#fff}#adminSidebar .ds_sidebar-menu li{height:auto}#adminSidebar .ds_sidebar-menu li:last-child{display:flex;flex-direction:column;height:100%;justify-content:flex-end}#adminSidebar .ds_sidebar-menu li img{height:20px;width:20px}#adminSidebar .ds_sidebar-menu li:last-child img{height:54px}.sipIcon{width:31px;height:31px;background-color:#ecf4f7;border-radius:6px;display:flex;justify-content:center;align-items:center}.sipDot{background:linear-gradient(253.13deg,#22ff73 24.96%,#1acd5b 93.27%);width:9px;height:9px;border-radius:50%}.orderDetailsContainer{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;max-height:calc(100vh - 54px);overflow:auto}.firstSection{padding:10px;background:#fff;border-right:1px solid #eaeced}.leadDetailsCard,.personalDetailsCard{padding:10px;display:grid;gap:12px}.ds_headerContainer{display:flex;justify-content:space-between;align-items:center;height:32px}.secondSection .ds_headerContainer{padding:0 10px;background:#fff;border-bottom:1px solid #eaeaea;height:65px}.ds_header{font-size:20px}.ds_header,.subHeader{font-weight:500;color:#101828}.subHeader{font-size:14px}.detailsCard{border:1px solid #d9e4eb;padding:10px;display:grid;gap:12px;border-radius:2px}.detailsRow{display:flex;gap:5px;flex-direction:column}.subDetailsRow{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.subDetailsRow2{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.secondSection{background:#f5f9ff;border-right:1px solid #eaeced}.secondSection .subHeader{margin-bottom:20px}.secondSection .detailsCard{padding:0!important;border:none!important}.customerDetailsCard,.paymentDetails,.productListCard{padding:10px;margin:10px;background:#fff;border:1px solid #d9e4eb}.footerbtn{padding:10px;display:grid;gap:10px;justify-content:end;grid-template-columns:repeat(4,75px);grid-template-rows:25px}.thirdSection{padding:10px;background:#fff}.leadHistoryCard{padding:10px}.detailSection,.detailsCardContainer,.leadHistoryCard{display:grid;gap:12px}.detailHeader{display:flex;justify-content:space-between;align-items:center}.detailContent{background:#f2f5f7;padding:10px;display:grid;gap:2px}.detailContentData{display:flex;justify-content:space-between;align-items:center;gap:5px}.detailContent .ds_header{color:#667085;font-size:12px;font-weight:400}.detailContentData .subHeader{color:#101828;font-size:13px;font-weight:500}.detailContentData .date{color:#64748b;font-weight:400;font-size:12px}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{height:44px;border:1px solid #d4d7e3;padding:0 5px;line-height:44px;border-radius:4px;font-size:12px;font-weight:500;color:#101828;max-width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:#1172fa;box-shadow:0 0 0 2px rgba(17,114,250,.3)}.createleadbtn{height:30px;margin:0;line-height:30px;background:linear-gradient(0deg,#1172fa,#1172fa),linear-gradient(180deg,rgba(0,33,80,.12),rgba(0,33,80,0));border:1px solid;border-image-source:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,0));box-shadow:0 0 0 1px #375dfb;box-shadow:0 1px 2px 0 #253ea77a;color:#fff;display:flex;align-items:center;justify-content:center}label{font-size:12px;font-weight:400;color:#101828}.sameDetailsLabel{display:flex;align-items:center;gap:5px;cursor:pointer}.personalDetailBtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-template-rows:25px 25px;margin-top:6px}.callNowBtn{background:#1172fa}.callNowBtn,.disposeBtn,.orderBtn{box-shadow:0 0 0 1px #375dfb;box-shadow:0 1px 2px 0 #253ea77a;color:#fff;border:none;font-size:12;font-weight:500}.disposeBtn,.orderBtn{background:#229bbd}.newLeadBtn{background:#22a7ff;box-shadow:0 0 0 1px #375dfb;box-shadow:0 1px 2px 0 #253ea77a;color:#fff;border:none;font-size:12;font-weight:500}.detailsCard,.detailsRow,.ds_headerContainer,.subDetailsRow,.subDetailsRow2{min-width:0;max-width:100%}.closeArrowIcon{padding:6px;border:1px solid #dde2e4;border-radius:5px}.closeArrowIcon.roatedArrow{transform:rotate(180deg)}.thirdSection .detailHeader p{font-size:14px;font-weight:500;color:#101828}.productTable{width:100%;border-collapse:separate;border:none;border-spacing:0}.ds_tableHeader th:first-child{padding:0 20px;width:50px}.ds_tableHeader th:first-child input{display:flex}.ds_tableBody tr{height:40px;border-bottom:1px solid #eaeced}.ds_tableBody td:first-child{padding:0 20px}.ds_pageHeader{height:40px;background-color:#fff;font-size:16px;font-weight:500;color:#101828;border-bottom:1px solid #eaeaea;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1}.reportsCardContainer{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;background-color:#f7f8f9;border-bottom:1px solid #eaeaea;padding:8px}.reportsCard{display:grid;align-items:center;grid-template-columns:auto 1fr auto;gap:9px;padding:9px 8px;background-color:#fff;border:1px solid #eaeced;border-radius:6px}.reportsCard img{width:24px;height:24px}.reportsCard .title{font-size:13px;font-weight:400;color:#00060f}.reportsCard .value{font-size:14px;font-weight:500;color:#242424}.reportsCardContainer2{padding:16px 14px;background-color:#fff;border:1px solid #eaeaea;display:grid;grid-template-columns:1fr 1fr;gap:16px}.reportCard2{display:flex;background:#fcfdfd;border:1px solid #89a7d0;border-radius:12px;padding:8px 20px;gap:36px}.reportCard2 .title{color:#00060f;font-size:13px;font-weight:400}.reportCard2 .value{color:#242424;font-size:16px;font-weight:500}.reportsTableContainer{padding:14px 8px;background-color:#fff;display:flex;flex-direction:column;gap:12px;height:calc(100vh - 370px)}.reportsTableBox{height:100%;overflow:auto}.reportsTableHeader{display:grid;grid-template-columns:1fr repeat(6,auto);gap:12px;align-items:center;height:28px}.reportsTableHeader .ds_header{font-size:16px;font-weight:500;color:#101828}.chooseReportBtn{border:1px solid #1172fa;border-radius:8px;padding:8px 14px;color:#1172fa;font-size:13px;font-weight:500;display:flex;align-items:center;background-color:transparent;gap:10px;height:28px;cursor:pointer}.chooseReportBtn span,.tableOptionsBtn span{margin-bottom:4px}.tableOptionsBtn{border:1px solid #d0d5dd;border-radius:8px;padding:8px 14px;color:#252c32;font-size:13px;font-weight:500;display:flex;align-items:center;background-color:transparent;gap:10px;height:28px;cursor:pointer}.buttonBox{border:1px solid #d0d5dd;padding:6px}.reportsTable{width:100%;border-collapse:separate;border:none;border-spacing:0}.ds_tableBody tr{height:50px}.statusBox{height:22px;display:flex;width:-moz-fit-content;width:fit-content;padding:2px 8px;border-radius:16px;align-items:center;gap:8px;font-size:12px;line-height:19px}.readyStatus{border:1px solid #8cbdff;background:#1172fa33;color:#1172fa}.readyStatus .dot{width:8px;height:8px;background:#1172fa;border-radius:50%}.inCallStatus{border:1px solid #f8c3ff;background:#d311fa33;color:#fa11ee}.inCallStatus .dot{width:8px;height:8px;background:#fa11ee;border-radius:50%}.reportButtons{display:flex;align-items:center;gap:2px}.reportBtn{color:#303035;font-size:12px;font-weight:500;background-color:#e6ecf3;height:34px;line-height:34px;border:none;padding:0 14px;white-space:nowrap}.activeReportBtn{background-color:#1172fa;color:#fff}.multipleReportsChartContainer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px}.detailsBarChartContainer{display:grid;gap:8px}.detailsBarChartContainer .detailsBox{border:1px solid #e2e6e9;background:#fff;border-radius:12px;padding:13px;display:grid;gap:12px}.detailsBarChartContainer .detailsBox .detailHeader{font-size:16px;font-weight:500;color:#101828}.detailsBoxChartContainer{display:grid;gap:9px}.detailsBoxChartContainer .row{display:grid;align-items:center;grid-template-columns:200px 1fr;gap:15px;height:35px}.detailsBoxChartContainer .row .box{height:100%;width:100%;border:1px solid #eaeced;background-color:#fff;padding:5px 8px;display:grid;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.detailsBoxChartContainer .row .box .label{color:#00060f;font-weight:400;font-size:13px}.detailsBoxChartContainer .row .box .value{color:#242424;font-size:14px;font-weight:500}.dialingPercentage{width:100%;height:100%;border-radius:4px;background:#f7faff;border:1px solid #f0f4f6;position:relative}.dialingPercentage .filledPercentage{position:absolute;height:100%;border-radius:4px}.dialingPercentage .color1{background:linear-gradient(-90deg,#5b6bff66 .17%,#745bff 75.27%)}.dialingPercentage .color2{background:linear-gradient(-90deg,#ff7c5b66 .17%,#ff7c5b 75.27%)}.dialingPercentage .color3{background:linear-gradient(-90deg,#125ec666 .17%,#125ec6 75.27%)}.dialingPercentage .percentageValue{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:14px;font-weight:500;color:#242424}.agentDetailsChartContainer{background:#fff;border:1px solid #e2e6e9;border-radius:12px;padding:20px}.agentDetailsChartContainer .detailHeader{font-size:16px;font-weight:500;color:#101828}.agentDetailsChartContainer .chartBoxContainer{display:grid;grid-template-columns:300px 215px;gap:10px}.agentDetailsChartContainer .chartBoxContainer div{position:relative}.agentDetailsChartContainer .chartBoxContainer div p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;justify-content:center;text-align:center}.agentDetailsChartContainer .chartBoxContainer div p span:first-child{color:#081f8f;font-size:13px;font-weight:400}.agentDetailsChartContainer .chartBoxContainer div p span:last-child{color:#081f8f;font-size:16px;font-weight:500}.agentDetailsChartContainer .chartDetailsContainer{display:grid;align-items:center;grid-template-columns:1fr;gap:15px}.agentDetailsChartContainer .chartDetailsContainer .row{height:100%;width:100%;border:1px solid #eaeced;background-color:#fff;padding:5px 8px;display:grid;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.agentDetailsChartContainer .chartDetailsContainer .row .label{color:#00060f;font-weight:400;font-size:13px}.agentDetailsChartContainer .chartDetailsContainer .row .value{color:#242424;font-size:14px;font-weight:500}.multiReportsContent .reportsTableContainer{height:auto;overflow:auto}.multiReportsContent{overflow:auto;display:block}.multiReportsContent .reportsTableContainer .reportsTableBox{min-width:1024px}.multiReportsContent .reportsTableContainer .reportsTableHeader{position:sticky;left:0}.leftSection{background-color:#fff;border:1px solid #eaeced;border-radius:10px;padding:8px;display:grid;grid-template-rows:1fr auto;gap:8px}.leftBottomPart{display:grid;grid-template-rows:repeat(3,auto);gap:8px;background-color:#f9fbfc;border:1px solid #f2f2f2;border-radius:12px;padding:12px 8px;align-self:flex-end}.rightSection{width:100%;display:grid;grid-template-rows:auto 1fr;gap:8px}.rightTopPart{display:grid;gap:10px;grid-template-columns:1fr 1fr}.card2{padding:18px 12px;border-radius:8px;border:1px solid #eaeced;background-color:#fff;display:grid;grid-template-columns:1fr auto}.card2:first-child{background:linear-gradient(357.09deg,#1172fa 13.15%,#548ff7 97.35%)}.title2{font-size:14px;font-weight:500;color:#00060f}.value2{font-size:28px;font-weight:500;color:#242424}.card2:first-child .title2,.card2:first-child .value2{color:#fff}.rightBottomPart{background-color:#fff;padding:20px 16px;border:1px solid #eaeced;border-radius:10px}.diallerTitle{font-size:16px;font-weight:500;color:#00060f;margin-bottom:12px}.diallerInfoCard,.diallerInfoStats{display:flex;justify-content:space-between;align-items:center;gap:26px;height:20px;margin-bottom:20px}.diallerInfoCard p{color:#00060f;font-size:14px;font-weight:500;position:relative}.diallerInfoStats p:first-child:before{content:"";position:absolute;width:6px;height:18px;background-color:#1172fa;left:-10px;top:2px}.diallerInfoStats p:last-child:before{content:"";position:absolute;width:6px;height:18px;background-color:#e4e2fa;left:-10px;top:2px}.diallerInfoStats p:nth-child(2):before{content:"";position:absolute;width:6px;height:18px;background-color:#3d4592;left:-10px;top:2px}.diallerInfoChart{display:grid;gap:30px}.diallerInfoChart .row{display:grid;align-items:center;justify-content:space-between;grid-template-columns:100px 1fr;height:40px;gap:30px}.recordName{font-size:14px;font-weight:400;color:#00060f}.recordValues{display:flex;align-items:center;height:100%;width:100%}.recordValues p:first-child{background-color:#1172fa;width:60%}.recordValues p:first-child,.recordValues p:nth-child(2){color:#fff;text-align:center;height:100%;line-height:40px}.recordValues p:nth-child(2){background-color:#3d4592;width:30%}.recordValues p:last-child{background-color:#e4e2fa;color:#00060f;text-align:center;width:10%;height:100%;line-height:40px}.leftTopPart{display:grid;grid-template-rows:auto 200px auto;padding:28px}.leftTopPart .title{color:#002150;font-size:16px;font-weight:600;text-align:center}.leftTopPart .footerTitle{font-size:10px;color:#7a7a7a;font-weight:500;text-align:center}.gauge{height:200px;position:relative;align-self:center;display:flex;justify-content:center;align-items:normal;width:100%}.ticks{position:absolute;margin-top:20px;top:40px}.ticks span{position:absolute;left:50%;bottom:0;width:4px;height:40px;background:#cbd5e1;transform-origin:center 150px}.ticks span:first-child{transform:rotate(-90deg)}.ticks span:nth-child(2){transform:rotate(-84deg)}.ticks span:nth-child(3){transform:rotate(-78deg)}.ticks span:nth-child(4){transform:rotate(-72deg)}.ticks span:nth-child(5){transform:rotate(-66deg)}.ticks span:nth-child(6){transform:rotate(-60deg)}.ticks span:nth-child(7){transform:rotate(-54deg)}.ticks span:nth-child(8){transform:rotate(-48deg)}.ticks span:nth-child(9){transform:rotate(-42deg)}.ticks span:nth-child(10){transform:rotate(-36deg)}.ticks span:nth-child(11){transform:rotate(-30deg)}.ticks span:nth-child(12){transform:rotate(-24deg)}.ticks span:nth-child(13){transform:rotate(-18deg)}.ticks span:nth-child(14){transform:rotate(-12deg)}.ticks span:nth-child(15){transform:rotate(-6deg)}.ticks span:nth-child(16){transform:rotate(0deg)}.ticks span:nth-child(17){transform:rotate(6deg)}.ticks span:nth-child(18){transform:rotate(12deg)}.ticks span:nth-child(19){transform:rotate(18deg)}.ticks span:nth-child(20){transform:rotate(24deg)}.ticks span:nth-child(21){transform:rotate(30deg)}.ticks span:nth-child(22){transform:rotate(36deg)}.ticks span:nth-child(23){transform:rotate(42deg)}.ticks span:nth-child(24){transform:rotate(48deg)}.ticks span:nth-child(25){transform:rotate(54deg)}.ticks span:nth-child(26){transform:rotate(60deg)}.ticks span:nth-child(27){transform:rotate(66deg)}.ticks span:nth-child(28){transform:rotate(72deg)}.ticks span:nth-child(29){transform:rotate(78deg)}.ticks span:nth-child(30){transform:rotate(84deg)}.ticks span:nth-child(31){transform:rotate(90deg)}.arc{width:204px;height:104px;border:2px solid #89a7d0bd;border-bottom:none;border-radius:204px 204px 0 0;top:70px;transform:translateX(-49%)}.arc,.chartCenterData{position:absolute;left:50%}.chartCenterData{top:90%;transform:translate(-50%,-100%);text-align:center;white-space:nowrap}.chartCenterData .title{font-size:42px;font-weight:600;color:#242424}.chartCenterData .subTitle{font-size:12px;font-weight:400;color:#002150}.filterSection{justify-content:space-between}.filterRightSection,.filterSection{display:flex;align-items:center;gap:12px}.searchInput{border:1px solid #dde2e4;color:#6e7c87;font-size:14px}.searchInputWrapper{position:relative;max-width:300px}.searchInputWrapper input{width:100%;padding:4px 8px 4px 32px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;height:30px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6;pointer-events:none}.buttonBox{border:1px solid #dde2e4;border-radius:4px;height:30px;padding:4px 6px;cursor:pointer}.dataCount{font-size:11px;font-weight:500;padding:4px 12px;display:flex;justify-content:center;align-items:center}.disabledArrow{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjUxIDcuOUgzLjI5M20wIDAgNC42MSA0LjYxTTMuMjkyIDcuOWw0LjYxLTQuNjA4IiBzdHJva2U9IiM3QzgzOEYiIHN0cm9rZS13aWR0aD0iMS4zMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+)}.disabledArrow,.enableArrow{background-repeat:no-repeat;width:30px;background-position:50%;cursor:pointer}.enableArrow{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuMjkyIDcuOWg5LjIxOG0wIDBMNy45IDMuMjkzTTEyLjUxIDcuOSA3LjkgMTIuNTEiIHN0cm9rZT0iIzI1MkMzMiIgc3Ryb2tlLXdpZHRoPSIxLjMyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=)}.tableWrapper{height:calc(100vh - 110px);overflow:auto}.userDetailsTable{width:100%;border-collapse:separate;border:none;border-spacing:0}.ds_tableHeader{text-align:left;background:#002150;border:none;height:30px;color:#fff;font-size:12px;font-weight:500}.ds_tableHeader th{padding:0 10px}.ds_tableHeader th:first-child{border:none;outline:none;border-radius:10px 0 0 0}.ds_tableHeader th:last-child{border:none;outline:none;border-radius:0 10px 0 0}.ds_tableHeader th span{display:flex;align-items:center;gap:4px}.ds_tableBody{max-height:calc(100vh - 140px);overflow-y:auto;overflow-x:hidden}.ds_tableBody::-webkit-scrollbar{width:6px}.ds_tableBody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.ds_tableBody tr{height:73px}.ds_tableBody td{padding:0 10px;font-size:14px;font-weight:400;color:#18181b;border-bottom:1px solid #eaecf0}.ds_tableBody tr:nth-child(2n){background-color:#f9fafb}.ds_tableBody tr:nth-child(odd){background-color:#fff}.fullNameCol{gap:8px}.fullNameCol,.fullNameCol span{display:flex;align-items:center}.fullNameCol span{width:24px;height:24px;border-radius:50%;justify-content:center;font-size:12px;color:#fff}.fullNameCol p{font-size:14px;font-weight:500;color:#18181b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px}.ds_tableBody tr:nth-child(odd) .fullNameCol span{background-color:#1172fa}.ds_tableBody tr:nth-child(2n) .fullNameCol span{background-color:#be5adc}.switch{position:relative;display:inline-block;width:44px;height:24px;margin-left:44px;font-size:14px;color:#6e8a9d}.switch:after{content:"Inactive";position:absolute;margin-left:50px}.switch:before{content:"Active";position:absolute;right:50px;color:#1172fa}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;inset:0;background-color:#1172fa;border-radius:24px}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";height:18px;width:18px;left:3px;top:3px;background-color:#fff;border-radius:50%}.switch input:checked+.slider{background-color:#ff581c}input:checked+.slider:before{transform:translateX(20px)}.modifyBtn{height:34px;display:flex;justify-content:center;align-items:center;color:#344054;border-radius:8px;border:1px solid #d0d5dd;background:transparent;padding:8px 14px;cursor:pointer;gap:6px}.dashboardContent{display:grid;grid-template-rows:34px 1fr;gap:8px}.adminPageContainer .usersContent{background-color:#fff;display:grid;grid-template-rows:30px 1fr;gap:8px}.adminPageContainer .userInfoContent{display:grid;grid-template-columns:350px auto;gap:8px}.userInfoCard{border:1px solid #eaeced;padding:12px 14px;border-radius:6px;display:grid;grid-template-columns:1fr auto;gap:8px}.userInfoCardTitle{font-size:13px;color:#00060f;font-weight:400}.userInfoCardValue{font-size:18px;font-weight:500;color:#242424}.userInfoCardImg{width:35px;height:35px}@media (max-width:480px){.ds_login-box{height:auto;grid-template-rows:auto auto auto 1fr auto;gap:10px}.diallerInfoChart{gap:12px}.diallerInfoChart .row{grid-template-columns:1fr;height:auto;grid-template-rows:auto 18px;gap:12px}.recordValues p:first-child,.recordValues p:last-child,.recordValues p:nth-child(2){line-height:18px}}@media (max-width:767px){#topbar{height:97px}.ds_agent-login{grid-template-columns:1fr}.desktopTopbar,.ds_left-section,.sidebarDesktop{display:none}.mobileTopbar{display:grid;width:100vw;overflow:hidden;grid-template-rows:54px;background-color:#fff}#topbar .mobileTopbar{grid-template-rows:54px 43px}.mobileTopbar .topSection{display:flex;justify-content:space-between;width:100vw;align-items:center;padding:0 5px;border-bottom:1px solid #d9e4eb}.mobileTopbar .topSection .topbarLogo{width:26px;height:26px}.mobileTopbar .topbarLogo{display:block!important}.mobileTopbar .bottomSection{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:0 5px}.mobileTopbar .bottomSection .topbarItem{gap:2px}.callText,.playText{display:flex;gap:2px}.sipIcon,.tobarRightSideIcon{width:25px;height:25px}.topbarItem p{font-size:10px}.mobileTopbarRightPart{display:flex;align-items:center;gap:10px}.ds_mobileMainContent{top:97px;left:0;width:100%;height:calc(100vh - 97px)}.dashboardContent{grid-template-rows:74px 1fr}.ds_subBar{flex-direction:column-reverse;width:100%;gap:8px}.ds_subBar-left,.ds_tab{width:100%}.ds_subBar-right{width:100%;text-align:center;padding:0;white-space:normal;min-height:34px;line-height:normal;display:flex;align-items:center;justify-content:center}.showSidebarMobile{transform:translateX(0);transition:transform .3s ease-in-out}.sidebarHeader{background:#2781ff;height:64px;padding:0 20px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px}.signoffIcon{justify-self:end;background:#1172fa;border:1px solid #548ff7;width:32px;height:32px;border-radius:5px;display:flex;justify-content:center;align-items:center}.sidebarUserInfoContainer{padding:20px;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center}.userProfile{height:28px;width:28px;background:red;border-radius:50%}.userName{font-weight:500}.userId,.userName{color:#fff;font-size:12px}.currentTime,.userId{font-weight:400}.currentTime{color:#fff;font-size:11px}.ds_sidebar-menu{justify-content:start;padding:20px;gap:16px;grid-template-rows:repeat(6,32px) auto;height:calc(100% - 137px)}.ds_sidebar-menu li{border-bottom:none;display:block;width:auto;height:auto}.signoffContent{width:calc(100vw - 40px)!important;display:grid!important;gap:16px}.signoffContent .version{font-size:11px;color:#b8d1f4;text-align:center}.ds_sidebar-menu li a{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:14px;color:#fff}#adminSidebar .ds_sidebar-menu{grid-template-rows:repeat(11,25px) 1fr;max-height:calc(100vh - 65px)}#adminSidebar .ds_sidebar-menu li:last-child{display:flex;flex-direction:column;height:100%;justify-content:center}#adminSidebar .ds_sidebar-menu li:last-child img{height:25px;width:25px}.ds_adminMobileMainContent{top:55px;height:calc(100vh - 55px);width:100vw;left:0}#adminSidebar .ds_sidebar-menu li:first-child{position:relative;top:unset;z-index:unset;background:none}.levelCol,.phoneIDCol,.roleCol,.userIDCol{display:none}.rightTopPart{grid-template-columns:1fr}}@media (max-width:1024px){.desktopTopbar{justify-content:end}.topbarLogo{display:none}#adminTopbar .topbarLogo{display:block}#adminTopbar .desktopTopbar{justify-content:space-between}.currentTimeTopbar,.profileText{display:none}#adminTopbar .profileText{display:grid}.adminPageContainer .userInfoContent{grid-template-columns:1fr}}.dialer-dropdown{width:280px;background:#fff;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.15);padding:16px;position:absolute;top:60px;right:20px;display:none;z-index:9999}.dialer-header h4{margin:0;font-size:16px}.status{color:#22c55e;font-size:13px}.dialer-input{width:100%;padding:12px;margin:14px 0;border-radius:6px;border:1px solid #ddd;text-align:center}.call-btn{width:100%;padding:12px;background:#1e6fff;color:#fff;border:none;border-radius:6px;cursor:pointer}.dialer-controls{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.dialer-controls .control{width:52px;height:40px;border-radius:20px;border:none;font-size:16px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.15)}.control.pause{background:linear-gradient(135deg,#2f80ff,#1e6fff)}.control.transfer{background:linear-gradient(135deg,#1c6dff,#1554d1)}.control.mute{background:linear-gradient(135deg,#2f80ff,#1e6fff)}.control.end{background:linear-gradient(135deg,#ff581c,#ff3b30)}.dialer-controls .control:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.dialer-controls .control:active{transform:scale(.95)}.ds_chatWrapper{display:flex;height:100vh;border:1px solid #dcdcdc;border-radius:6px;background:#fff;font-family:Arial}.ds_chatSidebar{width:320px;border-right:1px solid #e5e5e5;display:flex;flex-direction:column}.ds_chatSidebarHeader{padding:12px;font-weight:600}.ds_chatSearch{padding:10px}.ds_chatSearch input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.ds_chatTabs{display:flex;gap:5px;padding:10px}.ds_chatTabs button{flex:1;padding:6px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer}.ds_chatTabs .active{background:#e8f0ff}.ds_chatList{flex:1}.ds_chatItem{padding:12px;border-bottom:1px solid #eee}.ds_chatItem:hover{background:#f9f9f9}.ds_chatItem.active{background:#eef4ff;border-left:3px solid #4a7cff}.ds_chatTop{gap:8px;margin-bottom:5px}.ds_avatar{background:#4a7cff;color:#fff;font-size:12px}.ds_status{width:8px;height:8px;background:#35c759;margin-left:auto}.ds_chatItem p{font-size:12px;color:#666;margin:5px 0}.ds_chatBottom{color:#999}.ds_chatContent{flex:1;display:flex;flex-direction:column}.ds_chatHeader{padding:12px;border-bottom:1px solid #eee}.ds_chatMessages{flex:1;padding:20px;overflow-y:auto;background:#fafafa}.ds_messageRow{display:flex;gap:10px;margin-bottom:20px}.ds_messageRow.right{justify-content:flex-end}.ds_message{max-width:420px;padding:10px;border-radius:6px;border:1px solid #eee}.ds_message,.ds_message.left{background:#fff}.ds_message.right{background:#f0f6ff}.ds_messageHead{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.ds_message p{font-size:13px;margin:0}.small{width:24px;height:24px;font-size:11px}.ds_chatInput{padding:10px;border-top:1px solid #eee;display:flex;gap:10px}.ds_chatInput input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.ds_chatInput button{background:#2f80ed;border:none;color:#fff;padding:8px 18px;border-radius:5px;cursor:pointer}.ds_chatTopBar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f5f6f8;border-bottom:1px solid #ddd}.ds_chatTitle h3{margin:0;font-size:18px;font-weight:600}.ds_chatTitle p{margin:2px 0 0;font-size:12px;color:#777}.ds_chatFilters{display:flex;gap:10px;align-items:center}.ds_chatFilters input,.ds_chatFilters select{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff}.ds_searchBtn{background:#2f80ed;color:#fff;border:none;padding:7px 12px;border-radius:4px;cursor:pointer;font-size:14px}.ds_chatList{padding:10px;overflow-y:auto}.ds_chatItem{background:#fff;border:1px solid #d8dee7;border-radius:6px;padding:10px;margin-bottom:10px;cursor:pointer}.ds_chatItem.active{border:2px solid #4a7cff}.ds_chatRow{display:flex;gap:10px}.ds_avatar{width:26px;height:26px;background:#e6f0ff;color:#3b6fff;font-size:11px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds_chatInfo{flex:1}.ds_chatTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ds_name{font-size:13px;font-weight:600;color:#2b2b2b}.ds_status{width:10px;height:10px;border:2px solid #34c759;border-radius:2px}.ds_messagePreview{font-size:12px;color:#555;margin:4px 0;line-height:1.4}.ds_chatBottom{display:flex;justify-content:space-between;font-size:11px;color:#777;margin-top:6px}.ds_reply{font-weight:500}.ds_time{color:#888}