:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}::-webkit-scrollbar{width:0px;background:transparent}::-webkit-scrollbar-thumb{background:transparent}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-container-white{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow-y:auto;background-color:#fff}.login-row-white{height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}.form-side-white{height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;padding:24px 40px}.login-logo-section{width:100%;text-align:left;flex:0 0 auto}.header-logo-image{height:32px;width:auto;object-fit:contain}.header-logo-text{font-size:24px;font-weight:700;color:#1890ff;margin:0}.form-wrapper-white{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;flex:1 1 auto}.form-header-white{text-align:left;margin-bottom:24px}.login-title-white{font-size:32px!important;font-weight:700!important;margin:0 0 8px!important;color:#1a1a1a}.welcome-text-white{color:#666;font-size:16px;line-height:1.5}.login-form-white{width:100%}.form-item-white{margin-bottom:16px}.form-item-white .ant-form-item-label{padding-bottom:4px!important}.form-item-white .ant-form-item-label>label{font-size:13px;font-weight:600;color:#333}.input-field-white{border-radius:8px!important;padding:8px 12px!important;font-size:16px!important;border:1px solid #e0e0e0!important;background-color:#fff!important;height:48px!important}.input-field-white:hover,.input-field-white:focus{border-color:#2563eb!important}.options-row-white{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkbox-white{font-size:13px!important;color:#666!important}.checkbox-white.ant-checkbox-wrapper:hover .ant-checkbox-inner,.checkbox-white .ant-checkbox:hover .ant-checkbox-inner,.checkbox-white .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#2563eb!important}.checkbox-white .ant-checkbox-checked .ant-checkbox-inner{background-color:#2563eb!important;border-color:#2563eb!important}.forgot-link-white{padding:0!important;font-size:13px!important;color:#2563eb!important;font-weight:600!important;cursor:pointer}.submit-item-white{margin-bottom:16px!important}.signin-btn-white{height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important;background-color:#2563eb!important;border:none!important;transition:background-color .2s}.signin-btn-white:hover{background-color:#1d4ed8!important}.divider-white{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:16px}.divider-line-white{flex:1;height:1px;background-color:#e5e7eb}.divider-text-white{color:#9ca3af;font-size:12px}.signup-container-white{text-align:center}.signup-text-white{color:#666;font-size:13px}.signup-link-white{padding:0!important;font-size:13px!important;color:#2563eb!important;font-weight:600!important;margin-left:4px}.footer-white{width:100%;text-align:left;flex:0 0 auto}.footer-text-white{color:#9ca3af;font-size:12px}.whatsapp-side-white{height:96vh;display:flex!important;align-items:center!important;justify-content:center!important}.whatsapp-image-full{width:auto;height:auto;max-height:90%;padding-top:23px;padding-left:150px;object-fit:contain;display:block;border-radius:50px}@media (max-height: 700px){.form-side-white{padding:16px 24px}.header-logo-image{height:24px}.form-header-white{margin-bottom:16px}.login-title-white{font-size:22px!important;margin-bottom:4px!important}.form-item-white{margin-bottom:12px}.input-field-white,.signin-btn-white{height:36px!important;font-size:13px!important}.options-row-white,.divider-white{margin-bottom:16px}}@media (max-width: 768px){.whatsapp-side-white{display:none!important}.form-side-white{width:100%!important;height:100vh!important;padding:24px;justify-content:center}.form-wrapper-white{max-width:100%;margin-top:0}.login-logo-section{display:block!important;margin-bottom:20px}.input-field-white,.signin-btn-white{height:42px!important}}@media (max-width: 480px){.form-side-white{padding:16px}.login-title-white{font-size:24px!important}.welcome-text-white{font-size:14px}}.register-container-white{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow-y:auto;background-color:#fff}.register-row-white{height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}.register-logo-section{width:100%;text-align:left;flex:0 0 auto}.register-title-white{font-size:32px!important;font-weight:700!important;margin:0 0 8px!important;color:#1a1a1a}.register-form-white{width:100%}.register-btn-white{height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important;background-color:#2563eb!important;border:none!important;transition:background-color .2s}.register-btn-white:hover{background-color:#1d4ed8!important}.signin-container-white{text-align:center}.signin-text-white{color:#666;font-size:13px}.signin-link-white{padding:0!important;font-size:13px!important;color:#2563eb!important;font-weight:600!important;margin-left:4px}@media (max-height: 700px){.register-title-white{font-size:22px!important;margin-bottom:4px!important}}@media (max-width: 768px){.register-row-white{flex-direction:column-reverse!important}}:root{--primary-color: #fafbff;--primary-brand: #5656d9;--bg-main: #FFFFFF;--bg-secondary: #F9FAFB;--text-main: #101828;--text-secondary: #667085;--border-color: #EAECF0;--success-bg: #ECFDF3;--success-text: #027A48;--error-bg: #FEF3F2;--error-text: #B42318;--radius-md: 8px;--radius-lg: 12px}.admin-dashboard-layout{min-height:100vh;background-color:var(--bg-main)!important}.admin-content{background:#fff!important;padding:0!important;margin-left:280px!important;min-height:100vh!important;overflow-y:auto!important}.content-inner,.nested-content-wrapper{padding:48px 64px;max-width:1400px;margin:0 auto}.nested-content-wrapper{padding:20px 35px;max-width:1280px;margin:0 auto}.breadcrumb-section{margin-bottom:24px}.breadcrumb-item{color:#667085;font-size:14px;display:flex;align-items:center;gap:8px}.breadcrumb-item.active{font-weight:500;color:#667085}.breadcrumb-separator{color:#d0d5dd;font-size:18px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.welcome-title{font-size:30px!important;font-weight:600!important;color:#101828!important;margin:0 0 8px!important}.welcome-subtitle{font-size:16px;color:#667085}.content-search-input{width:320px!important;border-radius:8px!important;border:1px solid var(--border-color)!important;padding:10px 14px!important}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px dashed #D0D5DD}.time-filters{display:flex;background:#f9fafb;border:1px solid #EAECF0;border-radius:8px;padding:4px}.time-filter-btn{border:none;background:none;padding:8px 16px;font-size:14px;font-weight:600;color:#667085;cursor:pointer;border-radius:6px;transition:all .2s}.time-filter-btn.active{background:#fff;color:#344054;box-shadow:0 1px 2px #1018280d}.select-dates-btn{border-radius:8px!important;border:1px solid #D0D5DD!important;font-weight:600!important;color:#344054!important}.metrics-grid{margin-bottom:48px;padding-bottom:48px;border-bottom:1px dashed #D0D5DD}.metric-card{border:1px solid #EAECF0!important;border-radius:12px!important;box-shadow:0 1px 2px #1018280d!important}.metric-title{font-size:14px;font-weight:500;color:#101828;display:block;margin-bottom:12px}.metric-value{font-size:36px!important;font-weight:600!important;color:#101828!important;margin:0 0 12px!important}.trend-badge{font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px}.trend-badge.up{color:#027a48}.trend-badge.down{color:#b42318}.trend-period{color:#667085;font-size:14px}.metric-chart{height:48px;display:flex;align-items:center}.list-card{border:1px solid #EAECF0!important;border-radius:12px!important;box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f!important}.ant-card-head{border-bottom:1px solid #EAECF0!important}.dashboard-list-item{padding:16px 24px!important}.item-name{font-size:14px;font-weight:600;color:#101828}.item-date{font-size:14px;color:#667085}.item-value{font-size:14px;font-weight:500}.chat-value,.calls-value{color:#12b76a}@media (max-width: 991px){.dashboard-header{flex-direction:column;gap:16px}.content-search-input{width:100%!important}.filters-section{flex-direction:column;align-items:flex-start;gap:16px}.admin-content{margin-left:0!important}}.admin-sider{border-right:1px solid var(--border-color)!important;background:#fff!important;position:fixed!important;height:100vh!important;left:0!important;top:0!important;bottom:0!important;z-index:1000!important}.sidebar-container{height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px}.logo-section{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.logo-text{font-size:24px;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.sidebar-search{padding:0 8px 16px}.sidebar-search-input{border-radius:8px!important;border:1px solid var(--border-color)!important;padding:10px 14px!important}.sidebar-menu{border-right:none!important}.sidebar-menu .ant-menu-item{border-radius:6px!important;margin:4px 0!important;height:44px!important;line-height:44px!important;color:#344054!important;font-weight:500}.sidebar-menu .ant-menu-item:hover{background:#f9fafb!important}.sidebar-menu .ant-menu-item-selected{background:#f9fafb!important;color:var(--text-main)!important}.sidebar-menu .ant-menu-item-selected .anticon{color:#667085!important}.sidebar-bottom{border-top:1px solid var(--border-color);padding-top:24px}.user-profile-sidebar{display:flex;align-items:center;gap:12px;padding:0 8px}.user-details{display:flex;flex-direction:column;flex:1}.user-name-text{font-size:14px;font-weight:600;color:#344054}.user-email-text{font-size:14px;color:#667085}.user-profile-container{max-width:100%;padding:24px;background:#f5f7fa;min-height:100vh}.profile-header{background:linear-gradient(135deg,#1e40af,#3b82f6);padding:60px 0 80px;margin:-24px -24px 0;position:relative}.profile-content{max-width:960px;margin:0 auto;padding:0 24px}.profile-user-info{display:flex;align-items:center;gap:20px;margin-top:40px}.profile-avatar-wrapper{position:relative}.profile-avatar{width:120px!important;height:120px!important;border:4px solid white;box-shadow:0 4px 12px #00000026}.profile-verified-badge{position:absolute;bottom:4px;right:4px;background:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.profile-verified-badge .anticon{color:#1890ff;font-size:20px}.profile-user-details{color:#fff}.profile-user-name{font-size:28px!important;font-weight:600!important;color:#fff!important;margin:0 0 8px!important}.profile-user-email{font-size:16px;color:#ffffffe6;display:block;margin-bottom:16px}.profile-header-actions{display:flex;gap:12px;margin-top:16px}.profile-cancel-btn,.profile-save-btn{height:44px!important;border-radius:8px!important;padding:0 28px!important;font-weight:500!important;font-size:15px!important}.profile-cancel-btn{background:transparent!important;border:2px solid white!important;color:#fff!important}.profile-cancel-btn:hover{background:#ffffff1a!important;border-color:#fff!important;color:#fff!important}.profile-save-btn{background:#fff!important;border:2px solid white!important;color:#1e40af!important}.profile-save-btn:hover{background:#ffffffe6!important;border-color:#fff!important;color:#1e40af!important}.profile-main-content{max-width:960px;margin:-40px auto 0;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;z-index:1}.profile-layout{display:flex;min-height:500px}.profile-sidebar{width:240px;background:#fafbfc;border-right:1px solid #e5e7eb;padding:32px 0}.profile-menu-item{padding:14px 28px;cursor:pointer;color:#64748b;font-size:15px;font-weight:500;transition:all .3s;border-left:3px solid transparent;display:flex;align-items:center;gap:12px}.profile-menu-item:hover{background:#f1f5f9;color:#1e40af}.profile-menu-item.active{background:#eff6ff;color:#1e40af;border-left-color:#1e40af}.profile-content-area{flex:1;padding:40px 48px}.profile-section-title{font-size:24px!important;font-weight:600!important;color:#1f2937!important;margin:0 0 8px!important}.profile-section-description{color:#64748b;font-size:14px;margin-bottom:32px;display:block}.profile-form-section{margin-bottom:40px}.profile-form-section:last-child{margin-bottom:0}.profile-form-header{font-size:16px;font-weight:600;color:#374151;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.profile-form-row{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;margin-bottom:24px}.profile-form-label{font-size:14px;font-weight:500;color:#374151;padding-top:8px}.profile-form-input-wrapper{width:100%}.profile-form-input{height:44px!important;border-radius:8px!important;border:1px solid #d1d5db!important;padding:0 16px!important;font-size:15px!important;transition:all .3s!important}.profile-form-input:hover{border-color:#9ca3af!important}.profile-form-input:focus{border-color:#1e40af!important;box-shadow:0 0 0 3px #1e40af1a!important}.profile-form-input.ant-input-affix-wrapper{padding:0!important}.profile-form-input.ant-input-affix-wrapper input{padding:0 16px!important;height:44px!important}.profile-form-input.ant-input-affix-wrapper .ant-input-prefix{margin-left:16px;color:#9ca3af}.profile-form-input.ant-input-password{padding:0!important}.profile-form-input.ant-input-password input{padding:0 16px!important}.profile-form-input.ant-input-password .ant-input-suffix{margin-right:12px}.profile-form-input .ant-input-password-icon{color:#9ca3af!important;transition:color .3s}.profile-form-input .ant-input-password-icon:hover{color:#1e40af!important}@media (max-width: 992px){.profile-layout{flex-direction:column}.profile-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;padding:16px 0}.profile-menu-item{padding:12px 24px;border-left:none;border-bottom:3px solid transparent}.profile-menu-item.active{border-left:none;border-bottom-color:#1e40af}.profile-content-area{padding:32px 24px}.profile-form-row{grid-template-columns:1fr;gap:12px}.profile-form-label{padding-top:0}}@media (max-width: 768px){.profile-header{padding:40px 0 60px}.profile-user-info{flex-direction:column;align-items:center;text-align:center}.profile-user-name{font-size:24px!important}.profile-header-actions{justify-content:center}.profile-content-area{padding:24px 16px}.profile-section-title{font-size:20px!important}}@media (max-width: 576px){.user-profile-container{padding:16px}.profile-header{padding:32px 0 50px}.profile-avatar{width:96px!important;height:96px!important}.profile-verified-badge{width:28px;height:28px}.profile-verified-badge .anticon{font-size:16px}.profile-user-name{font-size:22px!important}.profile-user-email{font-size:14px}.profile-header-actions{flex-direction:column;width:100%}.profile-cancel-btn,.profile-save-btn{width:100%}.profile-main-content{margin-top:-30px}}.email-approval-container{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;background-color:#fff}.email-approval-row{height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}.form-side{padding:40px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important}.logo-section{width:100%;text-align:left}.header-logo-image{height:40px;object-fit:contain}.header-logo-text{font-size:24px;font-weight:700;color:#1a1a1a}.content-wrapper{max-width:400px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}.approval-title{font-size:32px!important;font-weight:700!important;margin:0 0 16px!important;color:#1a1a1a}.approval-text{color:#666;font-size:16px;line-height:1.5;margin-bottom:32px!important;display:block}.back-btn{height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important;background-color:#007bff!important;border:none!important;transition:background-color .2s;width:100%}.back-btn:hover{background-color:#0056b3!important}.whatsapp-side{height:100vh;display:flex!important;align-items:center!important;justify-content:center!important;padding:40px}.whatsapp-image-full{width:auto;height:auto;max-height:85%;object-fit:contain;display:block;border-radius:20px}.footer{width:100%;text-align:left}.footer-text{color:#999;font-size:12px}@media (max-width: 768px){.email-approval-row{flex-direction:column!important}.whatsapp-side{display:none!important}.form-side{width:100%!important;height:100vh!important;padding:30px 24px!important;justify-content:center}.content-wrapper{max-width:100%;margin:0 auto;padding:0}.logo-section{text-align:center;margin-bottom:40px}.header-logo-image{height:36px}.approval-title{font-size:28px!important;text-align:center;margin-bottom:12px!important}.approval-text{font-size:15px;text-align:center;margin-bottom:28px!important}.back-btn{height:46px!important;font-size:15px!important;max-width:280px;margin:0 auto}.footer{text-align:center;margin-top:30px}}@media (max-width: 480px){.form-side{padding:24px 20px!important}.header-logo-image{height:32px}.approval-title{font-size:24px!important;margin-bottom:10px!important}.approval-text{font-size:14px;line-height:1.4;margin-bottom:24px!important}.back-btn{height:44px!important;font-size:14px!important;max-width:100%}.footer-text{font-size:11px}}@media (max-width: 360px){.form-side{padding:20px 16px!important}.header-logo-image{height:28px}.approval-title{font-size:22px!important}.approval-text{font-size:13px;margin-bottom:20px!important}.back-btn{height:42px!important;font-size:13px!important}.footer-text{font-size:10px}}@media (max-width: 320px){.approval-title{font-size:20px!important}.approval-text{font-size:12px}.back-btn{height:40px!important}}@media (min-width: 769px) and (max-width: 1024px){.form-side{padding:30px!important}.content-wrapper{max-width:350px}.approval-title{font-size:28px!important}.approval-text{font-size:15px}.back-btn{height:46px!important}.whatsapp-image-full{max-height:80%;border-radius:15px}}@media (min-width: 1025px){.email-approval-row{overflow:hidden}.form-side{overflow-y:auto}}@media (max-height: 600px){.form-side{padding:20px!important;justify-content:flex-start}.logo-section{margin-bottom:20px}.content-wrapper{justify-content:center;padding-top:20px;padding-left:40px}.approval-title{font-size:24px!important;margin-bottom:10px!important}.approval-text{font-size:14px;margin-bottom:20px!important}.back-btn{height:42px!important;font-size:14px!important}.footer{margin-top:20px}}@media (max-width: 768px) and (orientation: landscape){.form-side{padding:20px!important}.content-wrapper{justify-content:flex-start;padding-top:20px}.logo-section{margin-bottom:20px}.approval-title{font-size:22px!important}.approval-text{font-size:13px;margin-bottom:15px!important}.back-btn{height:40px!important;font-size:13px!important;max-width:200px}}.agent-user-container{padding:0;max-width:100%;overflow-x:hidden}.breadcrumb-section{margin-bottom:24px;padding:0 16px}.breadcrumb-item{color:#667085;font-size:14px;display:flex;align-items:center;gap:8px;white-space:nowrap}.breadcrumb-item.active{font-weight:500}.breadcrumb-separator{color:#999;margin:0 8px}.main-header-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-title-section{flex:1;min-width:300px}.header-search-section{min-width:250px}.main-title{font-size:30px!important;font-weight:600!important;color:#101828;margin:0 0 4px!important;line-height:1.2}.subtitle{font-size:16px;color:#667085;display:block}.header-search-input{width:320px;border-radius:8px;height:44px;border:1px solid #e0e0e0;padding:10px 16px}.header-search-input:hover,.header-search-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px}.agent-creation-card{background:#fff;border-radius:12px;padding:60px 40px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;margin-top:16px}.agent-creation-content{max-width:500px;margin:0 auto}.agent-icon-section{margin-bottom:24px}.agent-icon{width:80px;height:80px;background:#f0f7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.agent-icon .anticon{font-size:36px;color:#1890ff}.agent-creation-text{margin-bottom:32px}.agent-creation-title{font-size:28px!important;font-weight:600!important;color:#101828;margin-bottom:12px!important;line-height:1.3}.agent-creation-description{font-size:16px;color:#667085;line-height:1.6;max-width:400px;margin:0 auto;display:block}.create-agent-btn{background-color:#1890ff!important;border-color:#1890ff!important;height:56px!important;padding:0 32px!important;font-weight:600!important;border-radius:8px!important;font-size:16px!important}.create-agent-btn:hover{background-color:#40a9ff!important;border-color:#40a9ff!important}.agent-table-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #EAECF0;margin-bottom:24px;overflow-x:auto}.agent-table{background:transparent;min-width:600px}.agent-table .ant-table-thead>tr>th{background:transparent;border-bottom:2px solid #f0f0f0;color:#666;font-weight:600;padding:16px;white-space:nowrap}.agent-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:20px 16px}.agent-table .ant-table-tbody>tr:hover>td{background:#fafafa}.agent-name-cell{display:flex;align-items:center;gap:16px}.agent-avatar{width:56px;height:56px;border-radius:12px;background:#f0f7ff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.agent-info{display:flex;flex-direction:column}.agent-name{font-weight:600;color:#1a1a1a;font-size:16px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-created{color:#999;font-size:12px}.agent-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s}.action-btn:hover{background:#f5f5f5}.delete-btn:hover{color:#ff4d4f;background:#fff2f0}.edit-btn:hover{color:#1890ff;background:#f0f7ff}.qa-sections{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #EAECF0}.qa-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.qa-title-section{display:flex;align-items:center;gap:12px;flex:1}.qa-title{margin:0!important;color:#1a1a1a;line-height:1.2}.qa-count{font-size:14px}.add-qa-btns{height:40px;border-radius:8px;font-weight:500;background:#1890ff;border-color:#1890ff}.add-qa-btns:hover{background:#40a9ff;border-color:#40a9ff}.add-qa-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.qa-input{flex:1;min-width:200px;border-radius:8px;border:1px solid #e0e0e0;padding:8px 12px;transition:all .3s;box-sizing:border-box}.qa-input:hover,.qa-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.qa-form-buttons{display:flex;gap:8px;flex-shrink:0}.qa-list{display:flex;flex-direction:column;gap:12px}.qa-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0;transition:all .3s}.qa-item:hover{border-color:#d9d9d9;background:#f5f5f5}.qa-content{flex:1;word-break:break-word}.qa-question{font-weight:600;color:#1a1a1a;margin-bottom:8px;font-size:14px;line-height:1.3}.qa-answer{color:#666;font-size:14px;line-height:1.5}.qa-delete-btn{color:#999;transition:all .3s;flex-shrink:0;margin-left:12px}.qa-delete-btn:hover{color:#ff4d4f}.qa-loading{display:flex;justify-content:center;padding:40px}.qa-empty{text-align:center;padding:40px;color:#999;background:#fafafa;border-radius:8px;border:1px dashed #e0e0e0}@media (max-width: 1280px) and (min-width: 992px){.agent-table-card,.qa-sections{padding:20px}.main-title{font-size:28px!important}.agent-creation-card{padding:50px 30px}}@media (max-width: 992px){.breadcrumb-section{padding:0 12px}.main-header-section,.agent-table-card,.qa-sections{padding:20px;margin-bottom:20px}.header-content{flex-direction:column;align-items:stretch;gap:12px}.header-title-section,.header-search-section{min-width:100%}.header-search-input{width:100%}.agent-table{min-width:500px}.agent-table .ant-table-thead>tr>th,.agent-table .ant-table-tbody>tr>td{padding:12px 8px}.agent-creation-card{padding:40px 24px}.agent-icon{width:64px;height:64px}.agent-icon .anticon{font-size:30px}.agent-creation-title{font-size:24px!important}.main-title{font-size:26px!important}.qa-header{flex-direction:column;align-items:stretch;gap:12px}.qa-title-section{justify-content:space-between}}@media (max-width: 768px){.agent-user-container,.breadcrumb-section{padding:0 8px}.main-header-section,.agent-table-card,.qa-sections{padding:16px;border-radius:8px}.header-content{gap:8px}.main-title{font-size:24px!important}.subtitle{font-size:14px}.agent-table{min-width:450px}.agent-name-cell{gap:12px}.agent-avatar{width:48px;height:48px;font-size:20px}.agent-name{font-size:15px}.agent-actions{gap:4px}.action-btn{width:32px;height:32px}.agent-creation-card{padding:32px 16px}.agent-icon{width:56px;height:56px}.agent-icon .anticon{font-size:24px}.agent-creation-title{font-size:22px!important}.create-agent-btn{height:48px!important;padding:0 24px!important;font-size:15px!important}.qa-item{padding:12px;gap:8px}.qa-question,.qa-answer{font-size:13px}.qa-delete-btn{margin-left:8px}.add-qa-form{gap:8px}.qa-input{min-width:100%;padding:10px 12px}.qa-form-buttons{width:100%;justify-content:flex-end}}@media (max-width: 576px){.main-header-section,.agent-table-card,.qa-sections,.agent-creation-card{padding:12px;margin-bottom:16px}.main-title{font-size:22px!important}.agent-creation-title{font-size:20px!important}.agent-table{min-width:100%}.agent-table .ant-table-thead>tr>th,.agent-table .ant-table-tbody>tr>td{padding:8px 4px;font-size:12px}.agent-name-cell{flex-direction:column;align-items:flex-start;gap:4px}.agent-avatar{width:40px;height:40px;font-size:18px}.agent-actions{flex-direction:column;gap:2px;align-self:flex-end}.action-btn{width:28px;height:28px}.qa-header{gap:8px;padding-bottom:12px}.qa-item{flex-direction:column;align-items:stretch;padding:12px 8px}.qa-content{margin-bottom:8px}.qa-delete-btn{align-self:flex-end;margin-left:0}.add-qa-form{flex-direction:column;gap:8px}.qa-form-buttons{flex-direction:column;gap:4px}.qa-form-buttons .ant-btn{width:100%}.create-agent-btn{height:44px!important;padding:0 16px!important;font-size:14px!important}.agent-icon{width:48px;height:48px}.agent-icon .anticon{font-size:20px}.qa-question,.qa-answer{font-size:12px}}@media (max-width: 480px){.breadcrumb-section{padding:0 4px}.breadcrumb-item{font-size:12px;gap:4px}.main-title{font-size:20px!important}.subtitle{font-size:13px}.agent-creation-description{font-size:14px}.agent-table .ant-table-thead>tr>th,.agent-table .ant-table-tbody>tr>td{padding:6px 2px}.qa-sections{border-radius:6px}.qa-item{padding:10px 6px;border-radius:6px}.qa-input{padding:8px 10px}}@media (max-width: 320px){.main-header-section,.agent-table-card,.qa-sections,.agent-creation-card{padding:8px}.main-title,.agent-creation-title{font-size:18px!important}.agent-table{font-size:11px}.agent-avatar{width:32px;height:32px;font-size:16px}.create-agent-btn{height:40px!important;padding:0 12px!important;font-size:13px!important}.qa-question,.qa-answer{font-size:11px}.qa-delete-btn .anticon{font-size:14px}.add-qa-btns,.ant-btn-primary{font-size:13px}}.create-agent-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000014;border:1px solid #E5E7EB;height:750px;display:flex;flex-direction:column}.create-agent-modal .ant-modal-body{padding:0!important;flex:1;display:flex;flex-direction:column;overflow:hidden}.header-content{display:flex;align-items:flex-start;gap:12px}.header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#eef2ff;border-radius:12px;flex-shrink:0}.modal-steps{padding:0 24px;margin-bottom:24px}.steps .ant-steps-item{flex:1}.steps .ant-steps-icon{font-size:16px}.step-complete-icon{color:#10b981}.modal-content{padding:0 24px 24px;flex:1;overflow-y:auto}.step-content{min-height:300px}.agent-form{width:100%}.form-item{margin-bottom:28px!important;position:relative}.form-item .ant-form-item-label{padding-bottom:6px!important;margin-bottom:0!important}.form-item .ant-form-item-label>label{height:auto!important;font-size:14px;font-weight:500;color:#374151}.form-item .ant-form-item-explain,.form-item .ant-form-item-explain-error{position:relative;min-height:24px;height:24px;margin-top:0!important;margin-bottom:0!important;line-height:1.5;display:flex;align-items:center;font-size:12px}.form-item .ant-form-item-explain-error div,.form-item .ant-form-item-explain div{font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.form-item .ant-form-item-control-input-content .ant-select{margin-bottom:8px!important}.form-item:not(.ant-form-item-has-error) .ant-form-item-explain{opacity:0;visibility:hidden;height:0;min-height:0;margin-top:0!important}.form-item.ant-form-item-has-error .ant-form-item-explain{opacity:1;visibility:visible;height:24px;min-height:24px;margin-top:8px!important}.form-input,.ant-select.form-select .ant-select-selector{border-radius:28px!important;border:1.5px solid #E5E7EB!important;padding:12px 16px!important;font-size:14px!important;transition:all .2s ease!important;background:#fff!important;height:44px!important}.form-input:hover,.ant-select.form-select .ant-select-selector:hover{border-color:#4f46e5!important}.form-input:focus,.ant-select.form-select .ant-select-selector:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}.ant-select.form-select .ant-select-arrow{color:#6b7280!important}.ant-select.form-select.ant-select-focused .ant-select-selector{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}.ant-form-item-has-error .form-input,.ant-form-item-has-error .ant-select.form-select .ant-select-selector{border-color:#ff4d4f!important}.ant-form-item-has-error .form-input:focus,.ant-form-item-has-error .ant-select.form-select .ant-select-selector:focus{border-color:#ff4d4f!important;box-shadow:0 0 0 3px #ff4d4f1a!important}.ant-form-item-has-error .ant-form-item-explain-error div{color:#ff4d4f!important;font-weight:500}.ant-form-item-has-error .ant-form-item-explain-error:before{display:inline-block;margin-right:6px;font-size:12px;color:#ff4d4f}.qa-section{padding:16px 0}.qa-header{margin-bottom:24px}.qa-title{margin:0 0 4px!important;font-size:16px!important;font-weight:600!important;color:#1f2937!important}.qa-card{border:1px solid #E5E7EB!important;border-radius:10px!important;margin-bottom:12px!important;box-shadow:0 1px 3px #0000000d!important}.qa-card-content{padding:4px 0}.qa-question-section{margin-bottom:12px}.qa-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.qa-question-text{font-size:14px;font-weight:500;color:#374151}.qa-delete-btn{color:#ef4444!important;padding:4px!important;width:32px!important;height:32px!important}.qa-delete-btn:hover{background-color:#fef2f2!important}.qa-question-content{background:#f9fafb;border-radius:6px;padding:12px;font-size:14px;color:#4b5563}.qa-answer-section{display:flex;flex-direction:column;gap:4px}.qa-answer-label{font-size:14px;font-weight:500;color:#374151}.qa-answer-content{background:#f0f9ff;border-radius:6px;padding:12px;font-size:14px;color:#075985}.qa-input-section{background:#f9fafb;border-radius:12px;padding:20px}.qa-input-header{margin-bottom:20px}.qa-input-title{margin:0 0 4px!important;font-size:16px!important;font-weight:600!important;color:#1f2937!important}.qa-input-subtitle{font-size:14px;color:#6b7280}.qa-input-form{display:flex;flex-direction:column;gap:20px}.input-row{width:100%}.input-label{font-size:14px;font-weight:500;color:#374151}.qa-input{border-radius:10px!important;border:1.5px solid #E5E7EB!important;padding:12px 16px!important;font-size:14px!important;transition:all .2s ease!important;background:#fff!important}.qa-input:hover{border-color:#1890ff!important}.qa-input:focus{border-color:#1890ff!important;box-shadow:0 0 0 3px #1890ff1a!important}.answer-input-container{display:flex;gap:12px}.answer-input-container .qa-input{flex:1}.add-qas-btn{border-radius:10px!important;background:#1890ff!important;border:none!important;height:44px!important;padding:0 20px!important;font-weight:500!important}.add-qas-btn:hover{background:#1890ff!important}.create-agent-modal .ant-modal-footer{padding:20px 24px 24px;background:#fff;border-top:1px solid #F1F5F9;margin-top:0}.modal-back-btn:hover{border-color:#1890ff;color:#1890ff;background:#fff}.modal-next-btn{border-radius:10px;background:#1890ff;border:none;color:#fff;font-weight:500;padding:0 28px;height:44px;transition:all .2s ease;box-shadow:0 4px 12px #4f46e533}.modal-next-btn:hover{background:#1890ff;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.modal-next-btn:disabled{opacity:.6;cursor:not-allowed}.modal-next-btn:disabled:hover{transform:none;background:#1890ff;box-shadow:0 4px 12px #4f46e533}.form-input::placeholder,.qa-input::placeholder{color:#9ca3af!important}.create-agent-modal .ant-modal-content{animation:slideIn .3s ease-out}@media (max-width: 768px){.create-agent-modal .ant-modal-content{margin:16px;width:auto!important}.modal-header{padding:20px 20px 16px}.modal-content{padding:0 20px 20px}.modal-steps{padding:0 20px}.steps .ant-steps-item-title{font-size:12px}.answer-input-container{flex-direction:column}.answer-input-container .add-qa-btn{width:100%}}.qa-list-container{margin-bottom:24px}.qa-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.qa-list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.qa-list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ant-form-item-has-error .ant-select .ant-select-selector{margin-bottom:8px!important}.ant-form-item-explain{display:flex;align-items:flex-start!important}.ant-form-item-explain-error div{padding-top:2px}.admin-create-agent-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000014;border:1px solid #E5E7EB;height:750px;display:flex;flex-direction:column}.admin-create-agent-modal .ant-modal-body{padding:0!important;flex:1;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:24px 24px 16px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #F1F5F9}.modal-title{margin:0;font-size:18px;font-weight:600;color:#1f2937;line-height:1.4}.modal-subtitle{margin:4px 0 0;font-size:14px;color:#6b7280;font-weight:400}.modal-steps{padding:24px 24px 0;background:#fff}.steps .ant-steps-item-title{font-size:14px;font-weight:500;color:#6b7280}.steps .ant-steps-item-process .ant-steps-item-title{color:#4f46e5;font-weight:600}.steps .ant-steps-item-finish .ant-steps-item-title{color:#10b981}.step-complete-icon{color:#10b981;font-size:20px}.modal-content{padding:20px 24px;background:#fff;flex:1;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.step-content{min-height:320px}.step-0{display:flex;flex-direction:column;align-items:center;justify-content:center}.user-selection-info{text-align:center;margin-bottom:24px}.user-selection-info .anticon{display:block;margin:0 auto 16px}.user-selection-info h5{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2937}.admin-create-agent-modal .agent-form{width:100%}.admin-create-agent-modal .ant-form-item{margin-bottom:20px}.admin-create-agent-modal .ant-form-item-label>label{font-size:14px;font-weight:500;color:#374151;height:auto}.admin-create-agent-modal .ant-input,.admin-create-agent-modal .ant-input-password,.admin-create-agent-modal .ant-input-affix-wrapper{border-radius:10px!important;border:1.5px solid #E5E7EB!important;font-size:14px;transition:all .2s ease;background:#fff;height:44px;padding:12px 16px}.admin-create-agent-modal .ant-input-affix-wrapper{padding:0 16px}.admin-create-agent-modal .ant-input-affix-wrapper>input.ant-input{border:none!important;padding:12px 0;height:auto}.admin-create-agent-modal .ant-input:hover,.admin-create-agent-modal .ant-input-affix-wrapper:hover{border-color:#4f46e5!important}.admin-create-agent-modal .ant-input:focus,.admin-create-agent-modal .ant-input-affix-wrapper:focus,.admin-create-agent-modal .ant-input-affix-wrapper-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important;outline:none!important}.admin-create-agent-modal .ant-input::placeholder{color:#9ca3af}.ant-select .ant-select-selector{border-radius:10px!important;border:1.5px solid #E5E7EB!important;padding:8px 16px!important;height:44px!important;align-items:center}.ant-select:hover .ant-select-selector{border-color:#4f46e5!important}.ant-select-focused .ant-select-selector{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}.qa-section{display:flex;flex-direction:column;gap:20px}.qa-header{margin-bottom:16px}.qa-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.qa-subtitle{font-size:14px;color:#6b7280}.qa-list-container{display:flex;flex-direction:column;gap:12px;padding-right:4px}.qa-list-container::-webkit-scrollbar{width:6px}.qa-list-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.qa-list-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qa-list-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.qa-card{border-radius:12px;border:1.5px solid #E5E7EB;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.qa-card:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.qa-card .ant-card-body{padding:16px}.qa-card-content{display:flex;flex-direction:column;gap:12px}.qa-question-section{display:flex;flex-direction:column;gap:8px}.qa-question-header{display:flex;justify-content:space-between;align-items:center}.qa-question-text{font-size:13px;font-weight:600;color:#4f46e5;text-transform:uppercase;letter-spacing:.5px}.qa-delete-btn{color:#ef4444;padding:4px;height:auto;transition:all .2s ease}.qa-delete-btn:hover{color:#dc2626;background:#fee2e2}.qa-question-content{font-size:14px;color:#1f2937;font-weight:500;line-height:1.5}.qa-answer-section{display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:3px solid #E5E7EB}.qa-answer-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.qa-answer-content{font-size:14px;color:#4b5563;line-height:1.5}.qa-input-section{background:linear-gradient(135deg,#f8fafc,#fff);border:1.5px solid #E5E7EB;border-radius:12px;padding:20px;margin-top:12px}.qa-input-header{margin-bottom:16px}.qa-input-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#1f2937}.qa-input-subtitle{font-size:13px;color:#6b7280}.qa-input-form{display:flex;flex-direction:column;gap:16px}.input-row{display:flex;flex-direction:column}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:13px;font-weight:500;color:#374151}.admin-create-agent-modal .qa-input{border-radius:10px;border:1.5px solid #E5E7EB;padding:10px 14px;font-size:14px;transition:all .2s ease;background:#fff;height:40px}.admin-create-agent-modal .qa-input:hover{border-color:#1890ff}.admin-create-agent-modal .qa-input:focus{border-color:#1890ff;box-shadow:0 0 0 3px #4f46e51a}.admin-create-agent-modal .qa-input::placeholder{color:#9ca3af}.answer-input-container{display:flex;gap:8px;align-items:center}.answer-input{flex:1}.add-qa-btn{border-radius:10px;border:none;color:#fff;font-weight:500;padding:0 20px;height:40px;transition:all .2s ease;box-shadow:0 4px 12px #4f46e533;flex-shrink:0}.add-qa-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.add-qa-btn:active{transform:translateY(0)}.ant-modal-footer{padding:20px 24px 24px;background:#f9fafb;border-top:1px solid #F1F5F9;display:flex;justify-content:flex-end;gap:12px}.modal-back-btn{border-radius:10px;border:1.5px solid #E5E7EB;background:#fff;color:#4b5563;font-weight:500;padding:0 24px;height:44px;transition:all .2s ease}.modal-back-btn:hover{border-color:#1004ff;color:#4f46e5;background:#fff}.modal-next-btn{border-radius:10px;border:none;color:#fff;font-weight:500;padding:0 28px;height:44px;transition:all .2s ease;box-shadow:0 4px 12px #4f46e533}.modal-next-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.modal-next-btn:active{transform:translateY(0)}.modal-next-btn:disabled,.modal-back-btn:disabled{opacity:.6;cursor:not-allowed}.modal-next-btn:disabled:hover{transform:none;box-shadow:0 4px 12px #4f46e533}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-text{margin-top:16px;color:#6b7280;font-size:14px;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-create-agent-modal .ant-modal-content{animation:slideIn .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-container .ant-spin-dot{animation:pulse 1.5s ease-in-out infinite}.admin-create-agent-modal .ant-input:focus,.admin-create-agent-modal .ant-input-focused,.admin-create-agent-modal .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{outline:0!important;box-shadow:0 0 0 3px #4f46e51a!important}.custom-dropdown-container{display:flex;flex-direction:column}.load-more-container{padding:8px;text-align:center;border-top:1px solid #f0f0f0}.load-more-btn{width:100%;color:#1890ff;font-size:13px;height:32px}.load-more-btn:hover{background:#f0f7ff}@media (max-width: 768px){.admin-create-agent-modal{max-width:95vw!important}.modal-header,.modal-steps,.modal-content,.ant-modal-footer{padding-left:16px;padding-right:16px}.answer-input-container{flex-direction:column}.add-qa-btn{width:100%}.qa-list-container{max-height:150px}}.messages-layout{display:flex;height:calc(100vh - 80px);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}.conversation-list{width:300px;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;background:#fff}.conversations-header{padding:20px;border-bottom:1px solid #f0f0f0}.conversations-header h4{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.conversations-header .header-subtitle{font-size:13px;color:#8c8c8c;margin-bottom:16px}.conversation-search{margin-top:12px}.conversation-search input{border-radius:8px;height:36px}.conversation-item{padding:12px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative}.conversation-item:hover{background:#f5f5f5}.conversation-item.active{background:#e6f7ff;border-left-color:#1890ff}.conversation-item .ant-list-item-meta-avatar{margin-right:12px}.conversation-item .ant-avatar{width:48px;height:48px}.conversation-item .ant-list-item-meta-title{font-size:15px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.conversation-item .ant-list-item-meta-description{font-size:13px;color:#8c8c8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{position:absolute;top:12px;right:20px;font-size:12px;color:#8c8c8c}.conversation-status-dot{width:8px;height:8px;background:#52c41a;border-radius:50%;position:absolute;bottom:2px;right:2px;border:2px solid #fff}.chat-window{flex:1;display:flex;flex-direction:column;background:#fafafa}.chat-header{height:70px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;padding:0 24px;justify-content:space-between}.chat-partner-info{display:flex;align-items:center;gap:12px}.mobile-back-button{display:none;margin-right:8px;padding:4px;color:#1a1a1a}.partner-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.partner-name-container{display:flex;flex-direction:column;gap:2px}.partner-name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.company-tag{font-weight:400;color:#8c8c8c;font-size:14px}.status-text{font-size:12px;color:#52c41a;margin:0}.messages-area{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;background:#fafafa;height:0}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.date-divider{text-align:center;margin:20px 0;position:relative}.date-divider span{background:#fafafa;padding:4px 12px;font-size:12px;color:#8c8c8c;border-radius:12px;position:relative;z-index:1}.date-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e8e8e8}.message-container{margin-bottom:16px;display:flex;flex-direction:column;max-width:70%}.message-container.other-message{align-self:flex-start;align-items:flex-start;margin-right:auto}.message-container.user-message{align-self:flex-end;align-items:flex-end;margin-left:auto}.sender-info{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sender-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.sender-name{font-size:13px;font-weight:500;color:#595959}.message-bubble{padding:12px 16px;border-radius:16px;word-wrap:break-word;box-shadow:0 1px 2px #0000000d;position:relative}.other-message .message-bubble{background:#fff;color:#262626;border:none;border-radius:20px 20px 20px 4px;box-shadow:0 2px 8px #00000014}.user-message .message-bubble{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-radius:20px 20px 4px;box-shadow:0 4px 12px #1890ff33;border:none;transition:transform .2s ease,box-shadow .2s ease}.user-message .message-bubble:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1890ff4d}.message-actions-btn{opacity:0;transition:opacity .2s ease;color:#8c8c8c!important}.message-container:hover .message-actions-btn{opacity:1}.message-actions-btn:hover{color:#1890ff!important;background:#f5f5f5}.message-text{font-size:14px;line-height:1.5;margin:0}.message-time{font-size:11px;color:#bfbfbf;margin-top:4px;padding:0 4px}.other-message .message-time{text-align:left}.user-message .message-time{text-align:right}.welcome-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.welcome-avatar{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:20px;box-shadow:0 4px 12px #667eea66}.welcome-message h3{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.welcome-message p{font-size:14px;color:#8c8c8c;margin-bottom:20px}.chat-input-area{background:#fff;border-top:1px solid #e8e8e8;padding:16px 24px}.input-wrapper{display:flex;align-items:flex-end;gap:8px;background:#f5f5f5;border-radius:24px;padding:8px 12px;transition:all .2s ease}.input-wrapper:focus-within{background:#fff;box-shadow:0 0 0 2px #e6f7ff}.attach-button{color:#8c8c8c;border:none;padding:8px}.attach-button:hover{color:#1890ff;background:transparent}.message-input{border:none!important;background:transparent!important;box-shadow:none!important;resize:none!important;font-size:14px;padding:8px 4px!important}.message-input:focus{border:none!important;box-shadow:none!important}.send-button{border-radius:50%;width:36px;height:36px;min-width:36px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #1890ff4d}.send-button:disabled{background:#f0f0f0;border-color:#f0f0f0;box-shadow:none}.ant-empty{padding:40px 20px}.ant-spin{display:flex;justify-content:center;margin-top:40px}.conversations-header .ant-btn-primary{border-radius:8px;font-weight:500}.conversation-list .ant-list{overflow-y:auto;flex:1;height:0}.conversation-list .ant-list::-webkit-scrollbar{width:6px}.conversation-list .ant-list::-webkit-scrollbar-track{background:transparent}.conversation-list .ant-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media (max-width: 768px){.conversation-list{width:100%;display:flex}.chat-window,.messages-layout.chat-active .conversation-list{display:none}.messages-layout.chat-active .chat-window,.mobile-back-button{display:flex}.message-container{max-width:90%}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.other-message{animation:slideInLeft .3s ease-out}.user-message{animation:slideInRight .3s ease-out}.modern-calls-container{padding:32px;background:#fff;min-height:100vh}.modern-breadcrumb{margin-bottom:24px}.breadcrumb-item{color:#6b7280;font-size:14px;display:flex;align-items:center;gap:6px}.breadcrumb-item.active{color:#1f2937;font-weight:500}.breadcrumb-separator{color:#d1d5db;margin:0 8px}.modern-main-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.header-left{flex:1;min-width:300px}.modern-main-title{margin:0 0 8px!important;color:#111827;font-size:32px!important;font-weight:800!important;letter-spacing:-.025em}.modern-subtitle{color:#4b5563;font-size:16px;font-weight:450}.modern-search-input{width:320px;border-radius:14px;border:1.5px solid #e5e7eb;padding:12px 20px;background:#fff;box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.modern-search-input:hover{border-color:#3b82f6}.modern-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.filters-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border-radius:10px;padding:8px 16px;height:auto;font-weight:500;transition:all .2s ease}.total-calls{color:#6b7280;font-size:14px;font-weight:500}.modern-calls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.modern-call-card{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(226,232,240,.8);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.modern-call-card:hover{transform:translateY(-8px);border-color:#3b82f680;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modern-call-card.active-playing{border:2px solid #3b82f6;background:#fff}.call-card-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.user-info{display:flex;align-items:flex-start;gap:20px;flex:1}.call-avatar{border:3px solid white;box-shadow:0 4px 12px #0000001a}.user-details{flex:1}.name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.user-name{font-size:16px;font-weight:600;color:#1f2937}.call-type{font-size:14px;font-weight:600;padding:2px 8px;border-radius:6px;background:#f3f4f6}.call-type.incoming{color:#10b981;background:#d1fae5}.call-type.outgoing{color:#3b82f6;background:#dbeafe}.meta-info{display:flex;align-items:center;gap:12px}.call-date,.call-duration{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:4px}.call-status{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.call-status.completed{color:#10b981;background:#d1fae5}.call-status.missed{color:#ef4444;background:#fee2e2}.more-options{color:#9ca3af;transition:color .2s}.more-options:hover{color:#3b82f6}.modern-waveform-container{width:100%;margin-bottom:24px}.waveform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.time-display{font-family:Courier New,monospace;font-size:14px;color:#1f2937}.current-time{font-weight:600;color:#3b82f6}.total-time{color:#6b7280}.waveform-progress-container{position:relative;height:48px;background:#f1f5f9;border-radius:12px;overflow:hidden;cursor:pointer;padding:10px;border:1px solid #e2e8f0}.waveform-progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);opacity:.15;transition:width .1s linear}.waveform-bars{position:relative;display:flex;align-items:center;height:100%;gap:2px;z-index:1}.waveform-bar{flex:1;background:#d1d5db;border-radius:2px;min-width:2px;transition:all .3s ease}.waveform-bar.active{background:linear-gradient(180deg,#3b82f6,#2563eb)}.waveform-bar.pulsing{animation:pulse .6s ease-in-out infinite;animation-delay:var(--animation-delay)}@keyframes pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(.8)}}.call-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px}.play-action-btn{border-radius:14px;padding:0 28px;height:48px;font-weight:700;font-size:15px;min-width:140px;transition:all .2s ease;border:1.5px solid #e2e8f0;display:flex;align-items:center;justify-content:center;gap:8px}.play-action-btn:hover{border-color:#3b82f6;background:#f0f7ff;color:#3b82f6}.play-action-btn.playing{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 14px #3b82f663}.play-action-btn.playing:hover{background:#2563eb;border-color:#2563eb;transform:scale(1.02)}.secondary-actions{display:flex;gap:8px}.secondary-actions .ant-btn{color:#6b7280}.secondary-actions .ant-btn:hover{color:#3b82f6;background:#f3f4f6}@media (max-width: 768px){.modern-calls-grid{grid-template-columns:1fr}.modern-main-header{flex-direction:column}.modern-search-input{width:100%}.filters-container{flex-direction:column;align-items:flex-start}}.user-list-container{padding:0;max-width:100%;overflow-x:hidden}.user-breadcrumb-section{margin-bottom:24px;padding:0 16px}.user-breadcrumb-item{color:#667085;font-size:14px;display:flex;align-items:center;gap:8px;white-space:nowrap}.user-breadcrumb-item.active{font-weight:500}.user-breadcrumb-separator{color:#999;margin:0 8px}.user-list-header-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.user-list-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.user-list-header-title-section{flex:1;min-width:300px}.user-list-header-search-section{min-width:250px}.user-list-main-title{font-size:30px!important;font-weight:600!important;color:#101828;margin:0 0 4px!important;line-height:1.2}.user-list-subtitle{font-size:16px;color:#667085;display:block}.user-list-header-search-input{width:320px;border-radius:8px;height:44px;border:1px solid #e0e0e0;padding:10px 16px}.user-list-header-search-input:hover,.user-list-header-search-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.user-stats-card{background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #EAECF0}.user-stats-content{display:flex;align-items:center;gap:8px}.user-stats-label{font-size:16px;font-weight:600;color:#101828}.user-stats-count{font-size:16px;font-weight:400;color:#1890ff}.user-list-loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px}.user-table-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #EAECF0;margin-bottom:24px;overflow-x:auto}.user-list-table{background:transparent;min-width:800px}.user-list-table .ant-table-thead>tr>th{background:#f9fafb;border-bottom:2px solid #f0f0f0;color:#667085;font-weight:600;font-size:14px;padding:16px;white-space:nowrap}.user-list-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:20px 16px;vertical-align:middle}.user-list-table .ant-table-tbody>tr:hover>td{background:#fafafa}.user-name-cell{display:flex;align-items:center;gap:16px}.user-avatar{width:48px;height:48px;border-radius:50%;background:#f0f7ff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:#1890ff;font-weight:600}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#101828;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-created{color:#667085;font-size:12px}.user-data-cell{color:#667085;font-size:14px}.user-status-switch{display:flex;align-items:center}.user-actions{display:flex;gap:8px;flex-shrink:0}.user-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s;border:none;background:transparent}.user-action-btn:hover{background:#f5f5f5}.user-delete-btn:hover{color:#ff4d4f!important;background:#fff2f0!important}.user-edit-btn:hover{color:#1890ff!important;background:#f0f7ff!important}.user-view-btn:hover{color:#52c41a!important;background:#f6ffed!important}.user-pagination{margin-top:24px;display:flex;justify-content:space-between;align-items:center;padding:16px 0}.user-pagination-controls{display:flex;gap:8px;align-items:center}.user-pagination-btn{height:36px;border-radius:8px;padding:0 16px;font-weight:500;border:1px solid #e0e0e0}.user-pagination-btn.active{background:#1890ff;color:#fff;border-color:#1890ff}.user-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.user-list-empty-state{text-align:center;padding:60px 40px;background:#fff;border-radius:12px;border:1px dashed #e0e0e0}.user-list-empty-icon{font-size:48px;color:#d9d9d9;margin-bottom:16px}.user-list-empty-text{font-size:16px;color:#999}@media (max-width: 992px){.user-breadcrumb-section{padding:0 12px}.user-list-header-section,.user-table-card{padding:20px;margin-bottom:20px}.user-list-header-content{flex-direction:column;align-items:stretch;gap:12px}.user-list-header-title-section,.user-list-header-search-section{min-width:100%}.user-list-header-search-input{width:100%}.user-list-table{min-width:600px}.user-list-main-title{font-size:26px!important}}@media (max-width: 768px){.user-list-container,.user-breadcrumb-section{padding:0 8px}.user-list-header-section,.user-table-card{padding:16px;border-radius:8px}.user-list-main-title{font-size:24px!important}.user-list-subtitle{font-size:14px}.user-list-table{min-width:500px}.user-name-cell{gap:12px}.user-avatar{width:40px;height:40px;font-size:16px}.user-name{font-size:14px}.user-actions{gap:4px}.user-action-btn{width:32px;height:32px}}@media (max-width: 576px){.user-list-header-section,.user-table-card,.user-stats-card{padding:12px;margin-bottom:16px}.user-list-main-title{font-size:22px!important}.user-list-table{min-width:100%;font-size:12px}.user-list-table .ant-table-thead>tr>th,.user-list-table .ant-table-tbody>tr>td{padding:8px 4px;font-size:12px}.user-name-cell{gap:8px}.user-avatar{width:36px;height:36px;font-size:14px}.user-actions{flex-direction:column;gap:2px}.user-action-btn{width:28px;height:28px}}@media (max-width: 480px){.user-breadcrumb-section{padding:0 4px}.user-breadcrumb-item{font-size:12px;gap:4px}.user-list-main-title{font-size:20px!important}.user-list-subtitle{font-size:13px}.user-list-table .ant-table-thead>tr>th,.user-list-table .ant-table-tbody>tr>td{padding:6px 2px}}.user-view-drawer .ant-drawer-body{padding:0}.drawer-content{padding:24px}.drawer-user-header{display:flex;align-items:center;gap:24px;margin-bottom:8px}.drawer-user-avatar{background:#f0f7ff!important;color:#1890ff!important;font-weight:600}.drawer-user-info{display:flex;flex-direction:column}.drawer-section{margin-bottom:24px}.drawer-section h4{margin-bottom:16px;color:#101828}.view-metric-card{border:1px solid #EAECF0!important;border-radius:12px!important;box-shadow:0 1px 2px #1018280d!important;margin-bottom:16px}.view-metric-card .ant-card-body{padding:16px!important}.metric-content{display:flex;justify-content:space-between;align-items:center}.metric-title{font-size:14px;font-weight:500;color:#667085;display:block;margin-bottom:4px}.metric-value{margin-bottom:8px!important;color:#101828!important}.metric-trend-container{display:flex;align-items:center;gap:8px}.trend-badge{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px}.trend-badge.up{color:#027a48;background:#ecfdf3}.trend-badge.down{color:#b42318;background:#fef3f2}.metric-chart{height:40px}.modern-qa-modal .ant-modal-content{border-radius:16px!important;box-shadow:0 10px 40px #4f46e51a!important;border:1px solid #EEF2FF!important;overflow:hidden!important}.modern-qa-modal .modal-header{background:linear-gradient(135deg,#f8fafc,#fff);padding:24px 24px 16px;border-bottom:1px solid #F1F5F9}.modern-qa-modal .header-content{display:flex;align-items:center;gap:16px}.modern-qa-modal .header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#eef2ff;border-radius:12px;flex-shrink:0}.modern-qa-modal .modal-title{margin:0;font-size:18px;font-weight:600;color:#1f2937;line-height:1.2}.modern-qa-modal .modal-subtitle{margin:4px 0 0;font-size:13px;color:#6b7280}.modern-qa-modal .modal-body{padding:24px;background:#fff}.modern-qa-modal .form-sections{margin-bottom:24px}.modern-qa-modal .section-label{display:flex;align-items:center;margin-bottom:8px}.modern-qa-modal .label-text{font-size:14px;font-weight:500;color:#1890ff}.modern-qa-modal .modern-input,.modern-qa-modal .modern-textarea{border-radius:12px!important;border:1.5px solid #F1F5F9!important;padding:12px 16px!important;font-size:14px!important;transition:all .2s ease!important;background:#f9fafb!important;color:#1f2937}.modern-qa-modal .modern-input:hover,.modern-qa-modal .modern-textarea:hover{border-color:#c7d2fe!important;background:#fff!important}.modern-qa-modal .modern-input:focus,.modern-qa-modal .modern-textarea:focus{border-color:#1890ff!important;background:#fff!important;box-shadow:0 0 0 4px #1890ff1a!important}.modern-qa-modal .form-divider{display:flex;align-items:center;gap:12px;margin:24px 0}.modern-qa-modal .divider-line{flex:1;height:1px;background:#f1f5f9}.modern-qa-modal .divider-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.modern-qa-modal .modal-footer{padding:16px 24px 24px;background:#fff;border-top:none}.modern-qa-modal .footer-content{display:flex;justify-content:flex-end;gap:12px}.modern-qa-modal .modern-cancel-btn{border-radius:10px!important;border:1.5px solid #F1F5F9!important;height:44px!important;font-weight:500!important;color:#64748b!important;transition:all .2s ease!important}.modern-qa-modal .modern-cancel-btn:hover{border-color:#e2e8f0!important;background:#f8fafc!important;color:#475569!important}.modern-qa-modal .modern-submit-btn{border-radius:10px!important;background:#1890ff!important;border:none!important;height:44px!important;font-weight:500!important;padding:0 24px!important;box-shadow:0 4px 12px #1890ff33!important;transition:all .2s ease!important}.modern-qa-modal .modern-submit-btn:hover{background:#1890ff!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #1890ff4d!important}.modern-qa-modal .modern-submit-btn:active{transform:translateY(0)!important}.modern-qa-modal .loading-container{padding:40px 0;text-align:center}.modern-qa-modal .loading-text{margin-top:16px;color:#64748b;font-size:14px}@media (max-width: 480px){.modern-qa-modal{width:90vw!important}.modern-qa-modal .footer-content{flex-direction:column}.modern-qa-modal .modern-cancel-btn,.modern-qa-modal .modern-submit-btn{width:100%!important}}