.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}}.login-container[data-v-e597143c]{display:flex;height:100vh;background:#f5f6f8}.left-section[data-v-e597143c]{flex:1;position:relative}.bg-img[data-v-e597143c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overlay[data-v-e597143c]{position:absolute;top:20px;left:20px;color:#fff}.brand[data-v-e597143c]{display:flex;gap:10px;align-items:center}.brand-logo[data-v-e597143c]{width:40px}.right-section[data-v-e597143c]{flex:1;display:flex;align-items:center;justify-content:center}.form-card[data-v-e597143c]{width:420px;margin:0 auto;text-align:center}.top-logo[data-v-e597143c]{display:block;margin:0 auto;width:90px}.logoTopWrap[data-v-e597143c]{display:flex;justify-content:center;align-items:center;width:100%}h1[data-v-e597143c]{font-size:26px;margin-bottom:10px}.subtitle[data-v-e597143c]{color:#666;margin-bottom:20px}.field[data-v-e597143c]{margin-bottom:15px}.field input[data-v-e597143c]{width:100%;height:45px;padding:10px;border-radius:8px;border:1px solid #ddd}.password-wrap[data-v-e597143c]{gap:10px}.row[data-v-e597143c]{display:flex;justify-content:space-between;margin-bottom:15px}.captcha-box[data-v-e597143c]{display:flex;gap:10px;margin-bottom:10px}.login-btn[data-v-e597143c]{width:100%;height:45px;background:#2f7cf6;color:#fff;border:none;border-radius:8px}.err[data-v-e597143c]{color:red}.signup[data-v-e597143c]{margin-top:20px}.password-wrap[data-v-e597143c]{position:relative;display:flex;align-items:center}.password-wrap input[data-v-e597143c]{width:100%;padding-right:40px}.eye-btn[data-v-e597143c]{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;color:#666;display:flex;align-items:center}.eye-btn[data-v-e597143c]:hover{color:#2f7cf6}.refresh-btn[data-v-e597143c]{height:44px;width:44px;border:1px solid #d4d7e3;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#667085;transition:all .2s ease}.refresh-btn[data-v-e597143c]:hover{color:#1172fa;border-color:#1172fa;background:#f5f9ff}.overlay[data-v-12c948cc]{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-12c948cc]{background:#fff;padding:24px;border-radius:14px;min-width:320px}<style scoped>.wrap[data-v-12c948cc]{margin-left:88px;min-height:100vh;background:#f5f7fb;color:#1f2937}.top[data-v-12c948cc]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.controls[data-v-12c948cc]{display:flex;align-items:center;gap:10px}.controls button[data-v-12c948cc]{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-12c948cc]:hover{opacity:.92}.controls button.active[data-v-12c948cc]{background:#1172fa;color:#fff}.controls .logout[data-v-12c948cc]{background:#ef4444;color:#fff}.state[data-v-12c948cc]{font-size:14px;color:#6b7280}.main[data-v-12c948cc]{display:grid;grid-template-columns:340px 1fr;gap:16px;padding:16px 20px 20px}.left[data-v-12c948cc],.right[data-v-12c948cc]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.left h3[data-v-12c948cc],.right h3[data-v-12c948cc]{margin:0;padding:16px 16px 10px;font-size:18px;font-weight:700}.tabs[data-v-12c948cc]{display:flex;gap:10px;padding:0 16px 14px}.tab[data-v-12c948cc]{border:none;padding:10px 14px;border-radius:10px;background:#eef2f7;color:#374151;cursor:pointer;font-weight:600}.tab.on[data-v-12c948cc]{background:#1172fa;color:#fff}.list[data-v-12c948cc]{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 240px);overflow:auto}.conv[data-v-12c948cc]{width:100%;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:12px;cursor:pointer;transition:.2s ease}.conv[data-v-12c948cc]:hover{border-color:#bfd7ff;background:#f9fbff}.conv.selected[data-v-12c948cc]{border-color:#1172fa;background:#eef5ff}.row1[data-v-12c948cc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.preview[data-v-12c948cc]{margin-top:8px;color:#6b7280;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.pill[data-v-12c948cc]{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.pill.OPEN[data-v-12c948cc]{background:#dcfce7;color:#166534}.pill.CLOSED[data-v-12c948cc]{background:#f3f4f6;color:#6b7280}.pill.QUEUED[data-v-12c948cc]{background:#fef3c7;color:#92400e}.right[data-v-12c948cc]{display:flex;flex-direction:column}.empty[data-v-12c948cc]{padding:24px 16px;color:#6b7280}.chat[data-v-12c948cc]{display:flex;flex-direction:column;height:calc(100vh - 180px)}.chat-head[data-v-12c948cc]{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-12c948cc]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.flowTag[data-v-12c948cc]{padding:4px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600}.closebtn[data-v-12c948cc]{padding:9px 14px;border-radius:10px;background:#ef4444;font-weight:600}.closedText[data-v-12c948cc]{color:#6b7280;font-weight:600}.flowBox[data-v-12c948cc]{margin:14px 16px 0;padding:14px;background:#f8fbff;border:1px solid #d9e8ff;border-radius:14px}.flowTitle[data-v-12c948cc]{font-size:14px;font-weight:700;margin-bottom:12px}.flowGrid[data-v-12c948cc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.flowItem[data-v-12c948cc]{background:#fff;border:1px solid #e5eefc;border-radius:12px;padding:10px}.flowItem .k[data-v-12c948cc]{font-size:12px;color:#6b7280;margin-bottom:4px;text-transform:capitalize}.flowItem .v[data-v-12c948cc]{font-size:14px;font-weight:600;color:#111827;word-break:break-word}.msgs[data-v-12c948cc]{flex:1;overflow:auto;padding:16px;background:#f8fafc;display:flex;flex-direction:column;gap:12px}.msg[data-v-12c948cc]{display:flex}.msg.them[data-v-12c948cc]{justify-content:flex-start}.msg.me[data-v-12c948cc]{justify-content:flex-end}.bubble[data-v-12c948cc]{max-width:72%;padding:10px 12px;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.05)}.msg.them .bubble[data-v-12c948cc]{background:#fff;color:#111827;border:1px solid #e5e7eb;border-top-left-radius:6px}.msg.me .bubble[data-v-12c948cc]{background:#1172fa;color:#fff;border-top-right-radius:6px}.msg.is-bot .bubble[data-v-12c948cc]{background:#eef6ff;color:#0f172a;border:1px solid #cfe2ff}.meta-bot[data-v-12c948cc],.meta[data-v-12c948cc]{font-size:11px;font-weight:700;margin-bottom:6px;opacity:.9}.txt[data-v-12c948cc]{white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:14px}.time[data-v-12c948cc]{display:block;margin-top:7px;font-size:11px;opacity:.75}.composer[data-v-12c948cc]{display:flex;gap:10px;padding:14px 16px;border-top:1px solid #e5e7eb;background:#fff}.composer input[data-v-12c948cc]{flex:1;min-width:0;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;outline:none;font-size:14px}.composer input[data-v-12c948cc]:focus{border-color:#1172fa;box-shadow:0 0 0 3px rgba(17,114,250,.12)}.composer button[data-v-12c948cc]{border:none;border-radius:12px;padding:0 18px;background:#1172fa;color:#fff;font-weight:700;cursor:pointer}.composer button[data-v-12c948cc]:disabled,.composer input[data-v-12c948cc]:disabled{opacity:.6;cursor:not-allowed}.popup[data-v-12c948cc]{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-12c948cc]{display:block;margin-bottom:10px}.popup .row[data-v-12c948cc]{display:flex;gap:10px;margin-top:14px}.popup button[data-v-12c948cc]{border:none;padding:10px 14px;border-radius:10px;cursor:pointer;background:#1172fa;color:#fff;font-weight:600}.popup button.ghost[data-v-12c948cc]{background:#eef2f7;color:#111827}#topbar[data-v-12c948cc]{background:#fff;border-bottom:1px solid #e5e7eb}.desktopTopbar[data-v-12c948cc],.mobileTopbar[data-v-12c948cc]{padding:14px 20px}.desktopTopbar[data-v-12c948cc]{display:flex;align-items:center;justify-content:space-between}.topbarLogo[data-v-12c948cc]{font-size:20px;font-weight:800;color:#111827}.tobarStatusSubItem[data-v-12c948cc],.topbarItem[data-v-12c948cc],.topbarRight[data-v-12c948cc],.topbarSection[data-v-12c948cc]{display:flex;align-items:center;gap:12px}.profileText[data-v-12c948cc]{display:flex;flex-direction:column;margin:0;line-height:1.2}.profileText span[data-v-12c948cc]:first-child{font-weight:700}.profileText span[data-v-12c948cc]:last-child{font-size:12px;color:#6b7280}.tobarProfileIcon[data-v-12c948cc]{width:40px;height:40px;border-radius:999px}.ds_primary[data-v-12c948cc]{border:none;background:#1172fa;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.mobileTopbar[data-v-12c948cc]{display:none}.select-field[data-v-12c948cc]{width:100%;max-width:300px;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;background:#fff;outline:none}.select-field[data-v-12c948cc]:focus{border-color:#4a90e2}.action-row[data-v-12c948cc]{display:flex;align-items:center;gap:10px}.select[data-v-12c948cc]{padding:8px 10px;border-radius:6px;border:1px solid #ccc}.closebtn[data-v-12c948cc]{background:#ff4d4f;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.closedText[data-v-12c948cc]{color:gray;font-size:13px}@media (max-width:1100px){.main[data-v-12c948cc]{grid-template-columns:300px 1fr}.bubble[data-v-12c948cc]{max-width:82%}}@media (max-width:900px){.wrap[data-v-12c948cc]{margin-left:0}.desktopTopbar[data-v-12c948cc]{display:none}.mobileTopbar[data-v-12c948cc]{display:block}.main[data-v-12c948cc]{grid-template-columns:1fr}.left[data-v-12c948cc]{order:1}.right[data-v-12c948cc]{order:2}.chat[data-v-12c948cc]{height:70vh}}@media (max-width:640px){.top[data-v-12c948cc]{flex-direction:column;align-items:flex-start;gap:12px}.controls[data-v-12c948cc]{flex-wrap:wrap}.bubble[data-v-12c948cc]{max-width:90%}.popup[data-v-12c948cc]{right:12px;left:12px;width:auto;bottom:12px}}.message-card[data-v-4bf4ab4c]{width:100%;max-width:560px;background:#fff;border:1px solid #aeb1b4;border-radius:0;padding:18px 28px 20px 28px;box-sizing:border-box}.card-header[data-v-4bf4ab4c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:16px}.user-info[data-v-4bf4ab4c]{display:flex;align-items:center;gap:12px;min-width:0}.avatar-wrap[data-v-4bf4ab4c]{position:relative;width:34px;height:34px;flex-shrink:0}.avatar[data-v-4bf4ab4c]{width:24px;height:24px;border-radius:50%;background:#d8ebff;color:#2d5fb8;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}.status-dot[data-v-4bf4ab4c]{position:absolute;top:-1px;right:-1px;width:9px;height:9px;background:#67c96b;border:2px solid #fff;border-radius:50%;z-index:1}.name[data-v-4bf4ab4c]{font-size:14px;overflow:hidden;text-overflow:ellipsis}.date[data-v-4bf4ab4c],.name[data-v-4bf4ab4c]{font-weight:500;color:#6d7b8a;white-space:nowrap}.date[data-v-4bf4ab4c]{font-size:10px;flex-shrink:0}.message-text[data-v-4bf4ab4c]{padding-left:46px;font-size:12px;line-height:1.5;color:#2f3742;max-width:430px}.conv-card[data-v-a80c3e3e]{background:#f4f7fb;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 4px 14px rgba(0,0,0,.05);transition:.2s}.conv-card[data-v-a80c3e3e]:hover{transform:translateY(-2px)}.header[data-v-a80c3e3e]{display:flex;justify-content:space-between;align-items:center}.left[data-v-a80c3e3e]{display:flex;gap:8px;align-items:center}.id[data-v-a80c3e3e]{font-weight:600}.pill[data-v-a80c3e3e]{padding:3px 8px;border-radius:8px;font-size:12px;text-transform:uppercase}.pill.OPEN[data-v-a80c3e3e]{background:#e6f7ff;color:#1890ff}.pill.CLOSED[data-v-a80c3e3e]{background:#ffe6e6;color:#ff4d4f}.right[data-v-a80c3e3e]{font-size:13px;color:#666}.user[data-v-a80c3e3e]{margin-top:10px;font-weight:500}.meta[data-v-a80c3e3e]{font-size:12px;color:#888;margin-top:4px}.message[data-v-a80c3e3e]{margin-top:10px;padding:10px;background:#fff;border-radius:10px;font-size:14px;color:#333}.actions[data-v-a80c3e3e]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}button[data-v-a80c3e3e]{padding:6px 12px;border-radius:8px;border:none;cursor:pointer}.secondary[data-v-a80c3e3e]{background:#e6f0ff}.danger[data-v-a80c3e3e]{background:#ffe6e6;color:#d9363e}select[data-v-a80c3e3e]{padding:6px;border-radius:8px}.layout[data-v-197fbedc]{display:flex;min-height:100vh;background:#f5f7fb;font-family:Arial,sans-serif}.sidebar[data-v-197fbedc]{width:72px;min-width:72px;background:#fff;border-right:1px solid #e9edf3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 10px;box-sizing:border-box}.bottom-icons[data-v-197fbedc],.top-icons[data-v-197fbedc]{display:flex;flex-direction:column;align-items:center;gap:12px}.icon-link[data-v-197fbedc]{text-decoration:none}.grid-btn[data-v-197fbedc],.icon-btn[data-v-197fbedc]{width:42px;height:42px;border:1px solid #dde3ec;border-radius:12px;background:#fff;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:18px}.grid-btn[data-v-197fbedc]:hover,.icon-btn[data-v-197fbedc]:hover{background:#f2f6ff;border-color:#cfdcff}.icon-btn.active[data-v-197fbedc]{background:#0b66d1;color:#fff;border-color:#0b66d1}.grid-btn[data-v-197fbedc]{display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:4px}.grid-btn span[data-v-197fbedc]{width:4px;height:4px;border-radius:50%;background:#333;display:block}.avatar[data-v-197fbedc]{width:42px;height:42px;border-radius:50%;background:#0b66d1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.main-area[data-v-197fbedc]{flex:1;min-width:0;display:flex;flex-direction:column}.top[data-v-197fbedc]{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e9edf3;background:#fff}.actions[data-v-197fbedc]{display:flex;gap:8px;flex-wrap:wrap}button[data-v-197fbedc]{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}button.logout[data-v-197fbedc]{background:#444}button.danger[data-v-197fbedc]{background:#e74c3c}button.secondary[data-v-197fbedc]{background:#6c757d}.grid[data-v-197fbedc]{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;flex:1;min-height:0}.card[data-v-197fbedc]{border:1px solid #e9edf3;border-radius:14px;overflow:hidden;background:#fff;min-height:0}.cardHead[data-v-197fbedc]{padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}h3[data-v-197fbedc]{margin:0}.agents[data-v-197fbedc],.convs[data-v-197fbedc]{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow:auto}.agent[data-v-197fbedc],.conv[data-v-197fbedc]{padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}.row[data-v-197fbedc]{display:flex;align-items:center;gap:8px}.tabs[data-v-197fbedc]{display:flex;gap:8px;flex-wrap:wrap}.tab[data-v-197fbedc]{background:#eee;color:#000}.tab.on[data-v-197fbedc]{background:#e6f0ff;color:#0b66d1;border:2px solid #0b66d1}.preview[data-v-197fbedc]{margin-top:6px;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}select[data-v-197fbedc]{padding:8px;border-radius:10px;border:1px solid #ccc}.muted[data-v-197fbedc]{color:#777;font-size:12px}.pill[data-v-197fbedc]{padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:11px;background:#f5f5f5}.pill.READY[data-v-197fbedc]{background:#e9f6ee;border-color:#bfe6cc}.pill.LIVE[data-v-197fbedc]{background:#4fc77d;border-color:#abe4be;color:#fafafa}.pill.AWAY[data-v-197fbedc]{background:#fff5e6;border-color:#ffe0a3}.pill.OFFLINE[data-v-197fbedc]{background:#f5f5f5;border-color:#ddd}.pill.OPEN[data-v-197fbedc]{background:#e9f6ee;border-color:#bfe6cc}.pill.CLOSED[data-v-197fbedc]{background:#f5f5f5;border-color:#ddd}.pill.QUEUED[data-v-197fbedc]{background:#fff5e6;border-color:#ffe0a3}.chatContainer[data-v-197fbedc]{display:flex;flex-direction:column;height:calc(100vh - 110px);background:#fff}.chatHeader[data-v-197fbedc]{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.messages[data-v-197fbedc]{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fb}.msg[data-v-197fbedc]{max-width:75%;border-radius:12px;border:1px solid #ddd;background:#fff;margin-bottom:10px}.agentMsg[data-v-197fbedc]{align-self:flex-end;background:#eaf3ff;border-color:#cfe0ff}.visitorMsg[data-v-197fbedc]{align-self:flex-start;background:#fff}.botMsg[data-v-197fbedc]{align-self:flex-end;background:#eefaf0;border-color:#cfead5}.systemMsg[data-v-197fbedc]{align-self:center;background:#f1f1f1;max-width:90%}.readOnlyBar[data-v-197fbedc]{padding:12px 14px;border-top:1px solid #eee;background:#fafafa;color:#666;font-size:13px;text-align:center}.emptyState[data-v-197fbedc]{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:#777;font-size:14px}.brand-logo[data-v-197fbedc]{width:40px}@media (max-width:900px){.grid[data-v-197fbedc]{grid-template-columns:1fr}.sidebar[data-v-197fbedc]{width:60px;min-width:60px;padding:10px 8px}.avatar[data-v-197fbedc],.grid-btn[data-v-197fbedc],.icon-btn[data-v-197fbedc]{width:38px;height:38px}.top[data-v-197fbedc]{flex-direction:column;align-items:flex-start;gap:10px}}.layout[data-v-4d2d14ba]{display:flex;min-height:100vh;background:#f5f7fb;font-family:Arial,sans-serif}.sidebar[data-v-4d2d14ba]{width:72px;min-width:72px;background:#fff;border-right:1px solid #e9edf3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 10px;box-sizing:border-box}.bottom-icons[data-v-4d2d14ba],.top-icons[data-v-4d2d14ba]{display:flex;flex-direction:column;align-items:center;gap:12px}.icon-link[data-v-4d2d14ba]{text-decoration:none}.grid-btn[data-v-4d2d14ba],.icon-btn[data-v-4d2d14ba]{width:42px;height:42px;border:1px solid #dde3ec;border-radius:12px;background:#fff;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:18px}.grid-btn[data-v-4d2d14ba]:hover,.icon-btn[data-v-4d2d14ba]:hover{background:#f2f6ff;border-color:#cfdcff}.icon-btn.active[data-v-4d2d14ba]{background:#0b66d1;color:#fff;border-color:#0b66d1}.grid-btn[data-v-4d2d14ba]{display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:4px}.grid-btn span[data-v-4d2d14ba]{width:4px;height:4px;border-radius:50%;background:#333;display:block}.avatar[data-v-4d2d14ba]{width:42px;height:42px;border-radius:50%;background:#0b66d1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.main-area[data-v-4d2d14ba]{flex:1;min-width:0;display:flex;flex-direction:column}.top[data-v-4d2d14ba]{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e9edf3;background:#fff}.actions[data-v-4d2d14ba]{display:flex;gap:8px;flex-wrap:wrap}button[data-v-4d2d14ba]{padding:8px 12px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}button.logout[data-v-4d2d14ba]{background:#444}button.danger[data-v-4d2d14ba]{background:#e74c3c}button.secondary[data-v-4d2d14ba]{background:#6c757d}.grid[data-v-4d2d14ba]{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;flex:1;min-height:0}.card[data-v-4d2d14ba]{border:1px solid #e9edf3;border-radius:14px;overflow:hidden;background:#fff;min-height:0}.cardHead[data-v-4d2d14ba]{padding:10px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:12px}h3[data-v-4d2d14ba]{margin:0}.agents[data-v-4d2d14ba],.convs[data-v-4d2d14ba]{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow:auto}.agent[data-v-4d2d14ba],.conv[data-v-4d2d14ba]{padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}.row[data-v-4d2d14ba]{display:flex;align-items:center;gap:8px}.tabs[data-v-4d2d14ba]{display:flex;gap:8px;flex-wrap:wrap}.tab[data-v-4d2d14ba]{background:#eee;color:#000}.tab.on[data-v-4d2d14ba]{background:#e6f0ff;color:#0b66d1;border:2px solid #0b66d1}.preview[data-v-4d2d14ba]{margin-top:6px;font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}select[data-v-4d2d14ba]{padding:8px;border-radius:10px;border:1px solid #ccc}.muted[data-v-4d2d14ba]{color:#777;font-size:12px}.pill[data-v-4d2d14ba]{padding:2px 8px;border-radius:999px;border:1px solid #ddd;font-size:11px;background:#f5f5f5}.pill.READY[data-v-4d2d14ba]{background:#e9f6ee;border-color:#bfe6cc}.pill.LIVE[data-v-4d2d14ba]{background:#4fc77d;border-color:#abe4be;color:#fafafa}.pill.AWAY[data-v-4d2d14ba]{background:#fff5e6;border-color:#ffe0a3}.pill.OFFLINE[data-v-4d2d14ba]{background:#f5f5f5;border-color:#ddd}.pill.OPEN[data-v-4d2d14ba]{background:#e9f6ee;border-color:#bfe6cc}.pill.CLOSED[data-v-4d2d14ba]{background:#f5f5f5;border-color:#ddd}.pill.QUEUED[data-v-4d2d14ba]{background:#fff5e6;border-color:#ffe0a3}.chatContainer[data-v-4d2d14ba]{display:flex;flex-direction:column;height:calc(100vh - 110px);background:#fff}.chatHeader[data-v-4d2d14ba]{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.messages[data-v-4d2d14ba]{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f8f9fb}.msg[data-v-4d2d14ba]{max-width:75%;border-radius:12px;border:1px solid #ddd;background:#fff;margin-bottom:10px}.agentMsg[data-v-4d2d14ba]{align-self:flex-end;background:#eaf3ff;border-color:#cfe0ff}.visitorMsg[data-v-4d2d14ba]{align-self:flex-start;background:#fff}.botMsg[data-v-4d2d14ba]{align-self:flex-end;background:#eefaf0;border-color:#cfead5}.systemMsg[data-v-4d2d14ba]{align-self:center;background:#f1f1f1;max-width:90%}.readOnlyBar[data-v-4d2d14ba]{padding:12px 14px;border-top:1px solid #eee;background:#fafafa;color:#666;font-size:13px;text-align:center}.emptyState[data-v-4d2d14ba]{height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;color:#777;font-size:14px}.brand-logo[data-v-4d2d14ba]{width:40px}@media (max-width:900px){.grid[data-v-4d2d14ba]{grid-template-columns:1fr}.sidebar[data-v-4d2d14ba]{width:60px;min-width:60px;padding:10px 8px}.avatar[data-v-4d2d14ba],.grid-btn[data-v-4d2d14ba],.icon-btn[data-v-4d2d14ba]{width:38px;height:38px}.top[data-v-4d2d14ba]{flex-direction:column;align-items:flex-start;gap:10px}}[data-v-4d2d14ba]:root{--primary:#3b82f6;--primary-dark:#2563eb;--bg:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6}body[data-v-4d2d14ba]{font-family:Archivo,sans-serif;background:#f8fafc;color:#1e293b;margin:0;padding:0}.ds_mainContent[data-v-4d2d14ba]{padding:10px;xmargin:0 auto}.ds_header_container[data-v-4d2d14ba]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.ds_header_title h1[data-v-4d2d14ba]{margin:0;font-size:24px;font-weight:700;color:#1e293b}.ds_header_title p[data-v-4d2d14ba]{margin:4px 0 0;color:#64748b;font-size:14px}.ds_filters[data-v-4d2d14ba]{display:flex;gap:12px;align-items:center}.ds_filters input[data-v-4d2d14ba],.ds_filters select[data-v-4d2d14ba]{padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;outline:none;transition:border-color .2s}.ds_filters input[data-v-4d2d14ba]:focus,.ds_filters select[data-v-4d2d14ba]:focus{border-color:#3b82f6}.ds_search_btn[data-v-4d2d14ba]{background:#3b82f6;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ds_search_btn[data-v-4d2d14ba]:hover{background:#2563eb}.ds_stats_grid[data-v-4d2d14ba]{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.stat_card[data-v-4d2d14ba]{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;position:relative;transition:transform .2s,box-shadow .2s}.stat_card[data-v-4d2d14ba]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.stat_card.active[data-v-4d2d14ba]{background:#3b82f6;color:#fff;border-color:#3b82f6}.stat_card .label[data-v-4d2d14ba]{font-size:13px;font-weight:500;margin-bottom:8px;color:#64748b}.stat_card.active .label[data-v-4d2d14ba]{color:hsla(0,0%,100%,.8)}.stat_card .value[data-v-4d2d14ba]{font-size:24px;font-weight:700;margin:0}.stat_card .icon[data-v-4d2d14ba]{position:absolute;top:20px;right:20px;width:20px;height:20px;opacity:.8}.ds_panel_row[data-v-4d2d14ba]{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.panel[data-v-4d2d14ba]{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.panel_header[data-v-4d2d14ba]{margin-bottom:20px;font-size:16px;font-weight:600;color:#1e293b}.ds_table[data-v-4d2d14ba]{width:100%;border-collapse:collapse}.ds_table th[data-v-4d2d14ba]{text-align:left;padding:12px 16px;font-size:12px;text-transform:uppercase;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.ds_table td[data-v-4d2d14ba]{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.ds_table tr:last-child td[data-v-4d2d14ba]{border-bottom:none}.status_badge[data-v-4d2d14ba]{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;gap:6px}.status_badge[data-v-4d2d14ba]:before{content:"";width:6px;height:6px;border-radius:50%}.status_ready[data-v-4d2d14ba]{background:#ecfdf5;color:#059669}.status_ready[data-v-4d2d14ba]:before{background:#059669}.status_live[data-v-4d2d14ba]{background:#eff6ff;color:#2563eb}.status_live[data-v-4d2d14ba]:before{background:#2563eb}.status_break[data-v-4d2d14ba]{background:#fffbeb;color:#d97706}.status_break[data-v-4d2d14ba]:before{background:#d97706}.active_chats_count[data-v-4d2d14ba]{color:#3b82f6;font-weight:600}.activity_list[data-v-4d2d14ba]{list-style:none;padding:0;margin:0}.activity_item[data-v-4d2d14ba]{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9}.activity_item[data-v-4d2d14ba]:last-child{border-bottom:none}.activity_icon[data-v-4d2d14ba]{width:36px;height:36px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.activity_content[data-v-4d2d14ba]{flex:1}.activity_text[data-v-4d2d14ba]{font-size:14px;margin:0;font-weight:500}.activity_time[data-v-4d2d14ba]{font-size:12px;color:#64748b;margin-top:4px}.time_badge[data-v-4d2d14ba]{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.time_good[data-v-4d2d14ba]{background:#ecfdf5;color:#059669}.time_warning[data-v-4d2d14ba]{background:#fff7ed;color:#c2410c}.time_danger[data-v-4d2d14ba]{background:#fef2f2;color:#dc2626}.status_waiting[data-v-4d2d14ba]{color:#f59e0b;font-weight:600}.ds_pageContainer[data-v-4d2d14ba]{display:flex;height:100vh;overflow:hidden}#sidebar[data-v-4d2d14ba]{width:260px;height:100vh;flex-shrink:0;z-index:20}.ds_viewWrapper[data-v-4d2d14ba]{display:flex;flex-direction:column;flex-grow:1;height:100vh;overflow:hidden}#topbar[data-v-4d2d14ba]{height:54px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0;position:relative;z-index:10}.ds_mainContent[data-v-4d2d14ba]{padding:10px!important;flex-grow:1;background:#f8fafc;position:relative!important;top:0;left:0dvb;overflow-y:auto}.topbarLogo[data-v-4d2d14ba]{height:16px;padding:0 0 1px 10px}#sidebar[data-v-4d2d14ba]{width:66px}.wrap[data-v-a804562c]{font-family:Arial}.top[data-v-a804562c]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.actions[data-v-a804562c]{display:flex;gap:8px}button[data-v-a804562c]{padding:8px 10px;border:none;border-radius:10px;background:#0b66d1;color:#fff;cursor:pointer}button.ghost[data-v-a804562c]{background:#eee;color:#000}button.danger[data-v-a804562c]{background:#e74c3c}.grid[data-v-a804562c]{display:grid;grid-template-columns:320px 1fr;gap:12px;padding:12px}.card[data-v-a804562c]{border:1px solid #eee;border-radius:12px;overflow:hidden}.cardHead[data-v-a804562c]{padding:10px 12px;border-bottom:1px solid #eee}.list[data-v-a804562c]{padding:12px;display:flex;flex-direction:column;gap:8px}.item[data-v-a804562c]{text-align:left;background:#fafafa;color:#000;border:1px solid #eee}.item.on[data-v-a804562c]{border-color:#0b66d1}.row[data-v-a804562c]{display:flex;align-items:center;gap:8px}.pill[data-v-a804562c]{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid #ddd}.pill.on[data-v-a804562c]{background:#e9f6ee;border-color:#bfe6cc}.pill.off[data-v-a804562c]{background:#f5f5f5;border-color:#ddd}.empty[data-v-a804562c]{padding:16px;color:#777}.editor[data-v-a804562c]{padding:12px;display:flex;flex-direction:column;gap:12px}.field label[data-v-a804562c]{display:block;font-size:12px;color:#666;margin-bottom:4px}.field input[data-v-a804562c],.field select[data-v-a804562c],.field textarea[data-v-a804562c]{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px}.stepsHead[data-v-a804562c]{padding-top:4px}.steps[data-v-a804562c]{display:flex;flex-direction:column;gap:10px}.step[data-v-a804562c]{border:1px solid #eee;border-radius:12px;padding:10px;background:#fff}.choices[data-v-a804562c]{display:flex;flex-direction:column;gap:8px}.choice[data-v-a804562c]{display:grid;grid-template-columns:1fr 200px 40px;gap:8px}.jsonBox[data-v-a804562c]{border:1px solid #eee;border-radius:12px;padding:10px;background:#fafafa}pre[data-v-a804562c]{margin:0;font-size:12px;overflow:auto;max-height:260px}@media (max-width:860px){.choice[data-v-a804562c],.grid[data-v-a804562c]{grid-template-columns:1fr}}.sidebar[data-v-87f23a1c]{width:72px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 0}.logo-grid[data-v-87f23a1c]{display:grid;grid-template-columns:repeat(3,8px);gap:4px;margin-top:6px}.logo-grid span[data-v-87f23a1c]{width:8px;height:8px;border-radius:2px;background:#2f80ed}.bottom-icons[data-v-87f23a1c],.menu[data-v-87f23a1c]{display:flex;flex-direction:column;gap:14px;align-items:center}.icon-btn[data-v-87f23a1c]{width:40px;height:40px;border:none;background:transparent;border-radius:12px;cursor:pointer;font-size:18px}.icon-btn[data-v-87f23a1c]:hover{background:#f3f4f6}.avatar[data-v-87f23a1c]{width:36px;height:36px;border-radius:50%;background:#f3f4f6;display:grid;place-items:center;font-size:18px}.topbar[data-v-9b3f0b24]{height:76px;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.left h2[data-v-9b3f0b24]{margin:0;font-size:18px;font-weight:700}.right[data-v-9b3f0b24]{display:flex;align-items:center;gap:16px}.create-btn[data-v-9b3f0b24]{border:none;background:#2f80ed;color:#fff;padding:12px 18px;border-radius:14px;font-size:15px;cursor:pointer;font-weight:600}.profile[data-v-9b3f0b24]{display:flex;align-items:center;gap:10px}.badge[data-v-9b3f0b24]{width:38px;height:38px;border-radius:50%;background:#2f80ed;color:#fff;display:grid;place-items:center;font-weight:700}.info .name[data-v-9b3f0b24]{font-size:14px;font-weight:600}.info .email[data-v-9b3f0b24]{font-size:13px;color:#6b7280}.logout-btn[data-v-9b3f0b24]{width:42px;height:42px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.filterbar[data-v-a6b33caa]{display:flex;justify-content:flex-end;gap:12px;align-items:center}input[data-v-a6b33caa],select[data-v-a6b33caa]{height:42px;padding:0 14px;border:1px solid #d1d5db;border-radius:12px;background:#fff;min-width:170px;font-size:14px}.search-btn[data-v-a6b33caa]{width:46px;height:42px;border:none;border-radius:12px;background:#2f80ed;color:#fff;cursor:pointer;font-size:18px}.chat-card[data-v-3db6dab3]{border:1.5px solid #dbe4f0;border-radius:14px;padding:14px;background:#fff;cursor:pointer;transition:.2s}.chat-card.active[data-v-3db6dab3]{border-color:#4f8df7;box-shadow:0 0 0 2px rgba(79,141,247,.08)}.bottom[data-v-3db6dab3],.top[data-v-3db6dab3]{display:flex;justify-content:space-between;align-items:center}.user[data-v-3db6dab3]{display:flex;align-items:center;gap:10px}.avatar[data-v-3db6dab3]{width:28px;height:28px;border-radius:50%;background:#dbeafe;color:#2563eb;display:grid;place-items:center;font-size:12px;font-weight:700}.name[data-v-3db6dab3]{font-weight:600;font-size:15px}.message[data-v-3db6dab3]{margin:14px 0;font-size:15px;line-height:1.5;color:#374151}.replies[data-v-3db6dab3]{font-size:13px;font-weight:600}.time[data-v-3db6dab3]{font-size:13px;color:#6b7280}.panel[data-v-15ecb1ea]{background:#fff;border:1px solid #e5e7eb;border-radius:18px;height:100%;display:flex;flex-direction:column;overflow:hidden}.panel-head[data-v-15ecb1ea]{padding:16px 16px 10px;display:flex;justify-content:space-between;align-items:center}.panel-head h3[data-v-15ecb1ea]{margin:0;font-size:18px}.more-btn[data-v-15ecb1ea]{border:none;background:transparent;font-size:20px;cursor:pointer}.search-box[data-v-15ecb1ea]{padding:0 12px 12px}.search-box input[data-v-15ecb1ea]{width:100%;height:40px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px}.tabs[data-v-15ecb1ea]{display:grid;grid-template-columns:repeat(3,1fr);padding:0 12px 12px;gap:0}.tab[data-v-15ecb1ea]{height:42px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:14px}.tab[data-v-15ecb1ea]:first-child{border-radius:10px 0 0 10px}.tab[data-v-15ecb1ea]:last-child{border-radius:0 10px 10px 0}.tab.active[data-v-15ecb1ea]{background:#6b7280;color:#fff}.section-title[data-v-15ecb1ea]{padding:0 14px 10px;font-size:14px;font-weight:600;color:#6b7280}.chat-list[data-v-15ecb1ea]{padding:0 12px 12px;overflow:auto;display:flex;flex-direction:column;gap:12px}.bubble-row[data-v-e075ad1e]{display:flex;margin-bottom:26px}.bubble-row.user[data-v-e075ad1e]{justify-content:flex-start}.bubble-row.me[data-v-e075ad1e]{justify-content:flex-end}.bubble[data-v-e075ad1e]{max-width:420px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:0;padding:14px 16px}.meta[data-v-e075ad1e]{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.name[data-v-e075ad1e]{font-weight:600;color:#475569}.time[data-v-e075ad1e]{font-size:13px;color:#6b7280}.text[data-v-e075ad1e]{font-size:15px;color:#374151;line-height:1.6}.composer[data-v-0fc6bbb6]{border-top:1px solid #eef2f7;padding:0}textarea[data-v-0fc6bbb6]{width:100%;min-height:110px;resize:none;border:none;outline:none;padding:18px 20px 10px;font-size:15px;font-family:inherit}.footer[data-v-0fc6bbb6]{display:flex;justify-content:flex-end;padding:0 18px 18px}.send-btn[data-v-0fc6bbb6]{min-width:106px;height:44px;border:none;border-radius:14px;background:#2f80ed;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.chat-window[data-v-79963958]{background:#fff;border:1px solid #e5e7eb;border-radius:18px;display:flex;flex-direction:column;height:100%;overflow:hidden}.header[data-v-79963958]{padding:16px 20px;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;align-items:center}.header h3[data-v-79963958]{margin:0;font-size:18px}.more-btn[data-v-79963958]{border:none;background:transparent;font-size:20px;cursor:pointer}.messages-area[data-v-79963958]{flex:1;padding:22px;overflow:auto;background:#fff}.preview-text[data-v-79963958]{padding:18px 20px;border-top:1px solid #eef2f7;color:#374151;line-height:1.7}.preview-text a[data-v-79963958]{color:#2563eb;text-decoration:underline}.orange[data-v-79963958]{color:#f97316;text-decoration:underline}.app-shell[data-v-90299d2e]{display:flex;height:100vh;background:#f5f7fb;color:#1e293b;font-family:Arial,sans-serif}.main-area[data-v-90299d2e]{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-content[data-v-90299d2e]{padding:18px;overflow:auto}.page-head[data-v-90299d2e]{margin-bottom:14px}.page-head h1[data-v-90299d2e]{margin:0;font-size:34px;font-weight:700}.page-head p[data-v-90299d2e]{margin:6px 0 0;color:#4b5563;font-size:15px}.content-grid[data-v-90299d2e]{margin-top:16px;display:grid;grid-template-columns:420px 1fr;gap:18px;height:calc(100vh - 190px)}@media (max-width:1100px){.content-grid[data-v-90299d2e]{grid-template-columns:1fr;height:auto}}.dashboard-layout[data-v-4af91e9c]{display:flex;min-height:100vh;background:#f7f8fa;font-family:Inter,Arial,sans-serif;color:#0f172a}.sidebar[data-v-4af91e9c]{width:68px;background:#fff;border-right:1px solid #dfe5ec;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 0}.bottom-icons[data-v-4af91e9c],.top-icons[data-v-4af91e9c]{display:flex;flex-direction:column;align-items:center;gap:18px}.grid-btn[data-v-4af91e9c]{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,6px);gap:3px;place-content:center;border:none;background:transparent;cursor:pointer}.grid-btn span[data-v-4af91e9c]{width:6px;height:6px;border-radius:50%;background:#2f80ed}.icon-btn[data-v-4af91e9c]{width:34px;height:34px;border:none;background:transparent;border-radius:10px;font-size:16px;color:#64748b;cursor:pointer}.icon-btn.active[data-v-4af91e9c]{background:#edf4ff;color:#2f80ed}.avatar[data-v-4af91e9c]{width:32px;height:32px;border-radius:50%;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-size:12px;font-weight:700}.main-area[data-v-4af91e9c]{flex:1;display:flex;flex-direction:column;min-width:0}.app-header[data-v-4af91e9c]{height:64px;background:#fff;border-bottom:1px solid #dfe5ec;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.left h2[data-v-4af91e9c]{margin:0;font-size:18px;font-weight:600;color:#111827}.right[data-v-4af91e9c]{display:flex;align-items:center;gap:18px}.workflow-btn[data-v-4af91e9c]{height:40px;border:none;border-radius:12px;padding:0 18px;background:#2f80ed;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px rgba(47,128,237,.18)}.plus[data-v-4af91e9c]{font-size:16px;line-height:1}.profile[data-v-4af91e9c]{display:flex;align-items:center;gap:10px;padding-left:6px;border-left:1px solid #e5e7eb}.profile-badge[data-v-4af91e9c]{width:38px;height:38px;border-radius:50%;background:#2f80ed;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.profile-info .name[data-v-4af91e9c]{font-size:14px;font-weight:600;color:#0f172a}.profile-info .email[data-v-4af91e9c]{margin-top:3px;font-size:13px;color:#475569}.logout-btn[data-v-4af91e9c]{width:38px;height:38px;border:1px solid #d9e1ea;border-radius:12px;background:#fff;cursor:pointer;color:#64748b;font-size:16px}.page-body[data-v-4af91e9c]{padding:24px 18px 28px}.page-head[data-v-4af91e9c]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.page-head h1[data-v-4af91e9c]{margin:0;font-size:22px;font-weight:700;color:#111827}.page-head p[data-v-4af91e9c]{margin:8px 0 0;font-size:15px;color:#1e3a5f}.toolbar[data-v-4af91e9c]{display:flex;align-items:center;gap:18px}.search-box[data-v-4af91e9c]{width:305px;height:38px;border:1px solid #cfd8e3;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 12px}.search-icon[data-v-4af91e9c]{color:#64748b;font-size:18px;margin-right:10px}.search-box input[data-v-4af91e9c]{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#334155}.manage-btn[data-v-4af91e9c]{height:38px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;color:#183b67;padding:0 16px;font-size:15px;font-weight:600;cursor:pointer}.cards-grid[data-v-4af91e9c]{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:36px}.channel-card[data-v-4af91e9c]{background:#fff;border:1px solid #dbe2ea;border-radius:18px;min-height:290px;padding:16px 22px 18px;display:flex;flex-direction:column;transition:.2s ease}.channel-card[data-v-4af91e9c]:hover{box-shadow:0 8px 22px rgba(15,23,42,.06);transform:translateY(-2px)}.card-top-actions[data-v-4af91e9c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.status-badge[data-v-4af91e9c]{font-size:12px;font-weight:700;border-radius:999px;padding:6px 10px}.status-badge.active[data-v-4af91e9c]{background:#dcfce7;color:#166534}.status-badge.draft[data-v-4af91e9c]{background:#fef3c7;color:#92400e}.icon-action[data-v-4af91e9c]{border:none;background:transparent;cursor:pointer;font-size:16px;color:#64748b}.icon-wrap[data-v-4af91e9c]{display:flex;justify-content:center;margin-bottom:12px}.icon-box[data-v-4af91e9c]{width:38px;height:38px;border-radius:10px;background:#edf4ff;color:#2f80ed;display:grid;place-items:center;font-size:18px}.channel-card h3[data-v-4af91e9c]{margin:0;text-align:center;font-size:18px;line-height:1.35;color:#173a67;font-weight:700;cursor:pointer}.channel-card p[data-v-4af91e9c]{margin:10px auto 0;max-width:250px;text-align:center;font-size:15px;line-height:1.65;color:#173a67;min-height:72px}.card-row[data-v-4af91e9c]{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.nodes[data-v-4af91e9c]{font-size:15px;font-weight:500;color:#173a67}.action-group[data-v-4af91e9c]{display:flex;align-items:center;gap:8px}.edit-btn[data-v-4af91e9c]{min-width:70px;height:38px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;color:#183b67;font-size:14px;font-weight:600;cursor:pointer}.test-btn[data-v-4af91e9c]{min-width:82px;height:38px;border:none;border-radius:10px;background:#23b79c;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.play[data-v-4af91e9c]{font-size:12px}.divider[data-v-4af91e9c]{height:1px;background:#e6edf5;margin:12px 0 14px}.footer-row[data-v-4af91e9c]{display:flex;align-items:center;justify-content:space-between;gap:8px}.footer-text[data-v-4af91e9c]{font-size:13px;color:#173a67}.publish-btn[data-v-4af91e9c]{border:none;background:#eef2ff;color:#1d4ed8;font-size:12px;font-weight:700;padding:7px 10px;border-radius:8px;cursor:pointer}.empty-state[data-v-4af91e9c]{background:#fff;border:1px dashed #cfd8e3;border-radius:16px;padding:40px;text-align:center;color:#64748b}.modal-overlay[data-v-4af91e9c]{position:fixed;inset:0;background:rgba(15,23,42,.38);display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000}.modal[data-v-4af91e9c]{width:min(1200px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(15,23,42,.16)}.modal-head[data-v-4af91e9c]{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5e7eb}.modal-head h2[data-v-4af91e9c]{margin:0;font-size:22px;color:#111827}.close-btn[data-v-4af91e9c]{border:none;background:transparent;font-size:28px;cursor:pointer}.modal-body[data-v-4af91e9c]{padding:20px}.form-grid[data-v-4af91e9c]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-group[data-v-4af91e9c]{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.form-group label[data-v-4af91e9c]{font-size:14px;font-weight:600;color:#111827}.form-group input[data-v-4af91e9c],.form-group select[data-v-4af91e9c],.form-group textarea[data-v-4af91e9c]{border:1px solid #d1d5db;border-radius:10px;padding:11px 12px;font-size:14px;outline:none;background:#fff}.choice-head[data-v-4af91e9c],.json-head[data-v-4af91e9c],.steps-header[data-v-4af91e9c]{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.choice-head h4[data-v-4af91e9c],.json-head h3[data-v-4af91e9c],.steps-header h3[data-v-4af91e9c]{margin:0}.small-btn[data-v-4af91e9c]{border:none;background:#eef2ff;color:#1d4ed8;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:600}.steps-list[data-v-4af91e9c]{display:flex;flex-direction:column;gap:14px}.step-card[data-v-4af91e9c]{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fafafa}.step-card-head[data-v-4af91e9c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.step-id[data-v-4af91e9c]{font-size:16px;font-weight:700;color:#173a67}.remove-btn[data-v-4af91e9c],.remove-choice[data-v-4af91e9c]{border:none;background:#fee2e2;color:#b91c1c;border-radius:10px;padding:8px 10px;cursor:pointer}.choice-row[data-v-4af91e9c]{display:grid;grid-template-columns:1.3fr 1fr auto;gap:10px;margin-bottom:10px}.json-box[data-v-4af91e9c]{margin-top:20px}.json-box pre[data-v-4af91e9c]{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:14px;overflow:auto;font-size:13px;line-height:1.5}.modal-footer[data-v-4af91e9c]{display:flex;justify-content:flex-end;gap:10px;padding:18px 20px;border-top:1px solid #e5e7eb}.primary-btn[data-v-4af91e9c],.secondary-btn[data-v-4af91e9c]{border:none;border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:600}.secondary-btn[data-v-4af91e9c]{background:#eef2f7;color:#183b67}.primary-btn[data-v-4af91e9c]{background:#2f80ed;color:#fff}.brand-logo[data-v-4af91e9c]{width:40px}@media (max-width:1400px){.cards-grid[data-v-4af91e9c]{grid-template-columns:repeat(3,minmax(260px,1fr))}}@media (max-width:1100px){.cards-grid[data-v-4af91e9c]{grid-template-columns:repeat(2,minmax(260px,1fr))}.page-head[data-v-4af91e9c]{flex-direction:column;align-items:stretch}.form-grid[data-v-4af91e9c]{grid-template-columns:1fr}}@media (max-width:700px){.cards-grid[data-v-4af91e9c]{grid-template-columns:1fr}.toolbar[data-v-4af91e9c]{flex-direction:column;align-items:stretch}.search-box[data-v-4af91e9c]{width:100%}.right[data-v-4af91e9c]{gap:10px}.profile-info[data-v-4af91e9c]{display:none}}.toast-container[data-v-d59d306a]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 24px)}.toast[data-v-d59d306a]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e5e7eb;border-left:5px solid #3b82f6;border-radius:14px;padding:14px 14px 14px 12px;box-shadow:0 10px 25px rgba(15,23,42,.12)}.toast-left[data-v-d59d306a]{display:flex;align-items:flex-start;gap:12px;flex:1}.toast-icon[data-v-d59d306a]{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;flex-shrink:0;background:#eff6ff;color:#2563eb}.toast-title[data-v-d59d306a]{font-size:14px;font-weight:700;color:#111827;margin-bottom:3px}.toast-message[data-v-d59d306a]{font-size:14px;line-height:1.45;color:#475569;word-break:break-word}.toast-close[data-v-d59d306a]{border:none;background:transparent;color:#94a3b8;font-size:20px;line-height:1;cursor:pointer;padding:0}.toast-close[data-v-d59d306a]:hover{color:#334155}.toast.success[data-v-d59d306a]{border-left-color:#10b981}.toast.success .toast-icon[data-v-d59d306a]{background:#ecfdf5;color:#059669}.toast.error[data-v-d59d306a]{border-left-color:#ef4444}.toast.error .toast-icon[data-v-d59d306a]{background:#fef2f2;color:#dc2626}.toast.warning[data-v-d59d306a]{border-left-color:#f59e0b}.toast.warning .toast-icon[data-v-d59d306a]{background:#fffbeb;color:#d97706}.toast.info[data-v-d59d306a]{border-left-color:#3b82f6}.toast.info .toast-icon[data-v-d59d306a]{background:#eff6ff;color:#2563eb}.toast-enter-active[data-v-d59d306a],.toast-leave-active[data-v-d59d306a]{transition:all .25s ease}.toast-enter-from[data-v-d59d306a],.toast-leave-to[data-v-d59d306a]{opacity:0;transform:translateX(30px)}.toast-move[data-v-d59d306a]{transition:transform .25s ease}@media (max-width:640px){.toast-container[data-v-d59d306a]{top:12px;right:12px;left:12px;width:auto;max-width:none}}.dashboard-layout[data-v-73e20940]{display:flex;min-height:100vh;background:#f6f8fb}.sidebar[data-v-73e20940]{width:60px;background:#fff;border-right:1px solid #e5e7eb;display:flex;justify-content:flex-start;padding-top:16px}.top-icons[data-v-73e20940]{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.grid-btn[data-v-73e20940]{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,6px);gap:3px;place-content:center;border:none;background:transparent;cursor:pointer;border-radius:10px}.grid-btn span[data-v-73e20940]{width:6px;height:6px;border-radius:50%;background:#2f80ed}.icon-btn[data-v-73e20940]{width:34px;height:34px;border:none;background:transparent;border-radius:10px;cursor:pointer}.icon-btn.active[data-v-73e20940]{background:#eaf2ff;color:#2f80ed}.main-area[data-v-73e20940]{flex:1;min-width:0}.app-header[data-v-73e20940]{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 20px}.app-header h2[data-v-73e20940]{margin:0;font-size:18px;font-weight:700}.page-body[data-v-73e20940]{padding:20px}.page-head[data-v-73e20940]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head h1[data-v-73e20940]{margin:0 0 6px;font-size:24px}.page-head p[data-v-73e20940]{margin:0;color:#64748b}.toolbar[data-v-73e20940]{display:flex;gap:10px}.primary-btn[data-v-73e20940],.secondary-btn[data-v-73e20940],.toggle-btn[data-v-73e20940]{border:none;cursor:pointer;border-radius:10px;font-weight:600}.primary-btn[data-v-73e20940]{background:#2f80ed;color:#fff;padding:10px 16px}.secondary-btn[data-v-73e20940]{background:#fff;color:#183b67;border:1px solid #cfd8e3;padding:10px 16px}.primary-btn[data-v-73e20940]:disabled,.secondary-btn[data-v-73e20940]:disabled,.toggle-btn[data-v-73e20940]:disabled{opacity:.6;cursor:not-allowed}.cards-grid[data-v-73e20940]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card[data-v-73e20940]{background:#fff;padding:20px;border-radius:14px;border:1px solid #e5e7eb}.card h3[data-v-73e20940]{margin:0 0 16px;font-size:18px}input[data-v-73e20940],textarea[data-v-73e20940]{width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid #d1d9e6;border-radius:10px;font-size:14px;outline:none;box-sizing:border-box}textarea[data-v-73e20940]{resize:vertical;min-height:120px}.password-wrap[data-v-73e20940]{display:flex;gap:8px;margin-bottom:12px}.password-wrap input[data-v-73e20940]{margin-bottom:0;flex:1}.toggle-btn[data-v-73e20940]{background:#eef4ff;color:#1d4ed8;padding:0 14px;white-space:nowrap}.checkbox-row[data-v-73e20940]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font-size:14px;font-weight:600}.checkbox-row input[data-v-73e20940]{width:auto;margin:0}@media (max-width:900px){.cards-grid[data-v-73e20940]{grid-template-columns:1fr}.page-head[data-v-73e20940]{flex-direction:column}}.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}*{margin:0;padding:0;box-sizing:border-box;font-family:Archivo,sans-serif}h1,h2,h3{font-weight:600}p{font-weight:400}button,input{font-family:Archivo,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}