@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);#login-page[data-v-8fd5b23c]{display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-color)}.login-container[data-v-8fd5b23c]{padding:40px;background:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);text-align:center;width:360px;position:relative}.login-container h1[data-v-8fd5b23c]{margin-bottom:24px;color:#fff;font-weight:600}.login-container input[data-v-8fd5b23c]{width:100%;padding:12px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);box-sizing:border-box}.login-container button[data-v-8fd5b23c]{width:100%;padding:12px;background:var(--primary-gradient);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s}.login-container button[data-v-8fd5b23c]:disabled{opacity:.6;cursor:not-allowed}.lang-switcher[data-v-8fd5b23c]{position:absolute;top:10px;right:10px}.lang-btn[data-v-8fd5b23c]{background:none!important;border:1px solid var(--border-color)!important;color:var(--text-secondary-color)!important;padding:8px 12px!important;font-size:12px!important;width:auto!important}.lang-btn[data-v-8fd5b23c]:hover{color:#fff!important;border-color:var(--primary-color)!important}.modal-overlay[data-v-711b9e15]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.modal-overlay.active[data-v-711b9e15]{display:flex;animation:fadeInOverlay-711b9e15 .3s ease}.modal-container[data-v-711b9e15]{background:var(--card-bg-color);border-radius:12px;width:90%;max-width:550px;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:fadeInModal-711b9e15 .3s ease-out}.modal-header[data-v-711b9e15]{padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-711b9e15]{margin:0;font-size:20px;font-weight:600}.modal-close[data-v-711b9e15]{background:none;border:none;font-size:24px;color:var(--text-secondary-color);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close[data-v-711b9e15]:hover{background-color:var(--hover-bg-color);color:#fff}.modal-body[data-v-711b9e15]{padding:8px 28px 24px 28px;line-height:1.6}.modal-footer[data-v-711b9e15]{padding:20px 28px;background-color:var(--bg-color);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}@keyframes fadeInOverlay-711b9e15{0%{opacity:0}to{opacity:1}}@keyframes fadeInModal-711b9e15{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--primary-color:#4a90e2;--primary-hover-color:#5aa1f3;--primary-gradient:linear-gradient(90deg,#4a90e2,#5aa1f3);--danger-color:#e54b4b;--danger-hover-color:#f25c5c;--success-color:#6aab9c;--warning-color:#f2c94c;--bg-color:#1f232e;--card-bg-color:#282c37;--hover-bg-color:#313642;--border-color:#3a3f4b;--text-color:#e6e9f0;--text-secondary-color:#98a1b2;--active-bg-color:rgba(74,144,226,.1)}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;height:100%;font-size:14px;background-color:var(--bg-color);color:var(--text-color);overflow:hidden}*{box-sizing:border-box}.app-layout{display:flex;height:100vh}.app-sidebar{width:240px;background-color:var(--card-bg-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;padding:0 10px}.sidebar-header{padding:24px 10px;text-align:center;border-bottom:1px solid var(--border-color);font-size:22px;font-weight:600;color:#fff;flex-shrink:0}.sidebar-nav{flex-grow:1;margin-top:20px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:var(--hover-bg-color)}.nav-link{display:flex;align-items:center;padding:12px 16px;margin-bottom:8px;color:var(--text-secondary-color);text-decoration:none;border-radius:6px;transition:all .3s ease;font-weight:500}.nav-link:hover{background-color:var(--hover-bg-color);color:#fff}.nav-link.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 10px rgba(74,144,226,.2)}.nav-icon{margin-right:16px;font-size:20px;width:22px;text-align:center}.sidebar-footer{padding:20px 10px;border-top:1px solid var(--border-color);flex-shrink:0}.user-profile{display:flex;align-items:center}.user-profile img{width:36px;height:36px;border-radius:50%;margin-right:12px}.user-profile span{font-weight:500}.user-profile .logout-btn{margin-left:auto;background:none;border:none;color:var(--text-secondary-color);cursor:pointer;font-size:20px;padding:0;transition:color .2s}.user-profile .logout-btn:hover{color:#fff}.app-content{flex-grow:1;height:100vh;overflow:hidden}.page{display:block;height:100%;overflow-y:auto;animation:fadeIn .4s ease-out}.page-with-padding{padding:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.page-header h1{margin:0;font-size:28px;font-weight:600;color:#fff}.card{background:var(--card-bg-color);border-radius:12px;border:none;padding:28px;margin-bottom:30px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.card-header{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:18px;font-weight:500}table{width:100%;border-collapse:collapse}td,th{padding:16px;text-align:left;border-bottom:1px solid var(--border-color)}tr:last-child td{border-bottom:none}th{color:var(--text-secondary-color);font-size:12px}.btn,button,th{font-weight:500}.btn,button{padding:10px 20px;border:none;background:var(--hover-bg-color);color:var(--text-color);border-radius:6px;cursor:pointer;transition:all .3s ease}.btn:hover,button:hover{filter:brightness(1.1)}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-danger{background:var(--danger-color);color:#fff}input,select,textarea{padding:10px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);width:100%}.status-tag{padding:4px 12px;border-radius:16px;font-weight:500;font-size:12px;text-align:center}.status-tag.success{background-color:rgba(106,171,156,.1);color:var(--success-color)}.status-tag.warning{background-color:rgba(242,201,76,.1);color:var(--warning-color)}.workbench-layout{display:flex;padding:10px;gap:10px;background-color:var(--bg-color);height:calc(100vh - 20px)}.chat-panel,.conversation-panel,.right-panel{background-color:var(--card-bg-color);border-radius:12px;height:100%}.conversation-panel{width:280px;flex-shrink:0;display:flex;flex-direction:column}.panel-header{padding:20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-header input{background-color:var(--bg-color)}.search-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:12px 40px 12px 16px;border-radius:24px;border:1px solid var(--border-color);background-color:var(--bg-color);font-size:14px;transition:all .3s ease;color:var(--text-color)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(74,144,226,.1);background-color:rgba(74,144,226,.05)}.search-input::-moz-placeholder{color:var(--text-secondary-color);opacity:.7}.search-input::placeholder{color:var(--text-secondary-color);opacity:.7}.search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary-color);font-size:14px;pointer-events:none;transition:color .3s ease}.search-container:focus-within .search-icon{color:var(--primary-color)}.conversation-list{overflow-y:auto;flex-grow:1;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track{background:transparent;margin:2px}.conversation-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.conversation-list::-webkit-scrollbar-thumb:hover{background-color:var(--hover-bg-color)}.convo-item{display:flex;padding:14px 20px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:all .2s ease;position:relative;align-items:center}.convo-item:hover{background-color:var(--hover-bg-color);transform:translateX(2px)}.convo-item.active{background-color:var(--active-bg-color);border-left:3px solid var(--primary-color)}.convo-item.active .convo-name{color:var(--primary-color)}.avatar-container{position:relative;flex-shrink:0;margin-right:12px}.avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid transparent;transition:all .2s ease}.convo-item:hover .avatar{border-color:var(--primary-color);transform:scale(1.05)}.status-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--card-bg-color);position:absolute;bottom:2px;right:2px}.status-dot,.status-dot.online{background-color:var(--success-color)}.status-dot.online{box-shadow:0 0 0 2px rgba(106,171,156,.3)}.status-dot.offline{background-color:var(--text-secondary-color)}.convo-details{flex-grow:1;min-width:0;position:relative}.convo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.convo-name{font-weight:600;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.convo-time{font-size:11px;font-weight:500}.convo-snippet,.convo-time{color:var(--text-secondary-color)}.convo-snippet{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;margin-bottom:4px}.convo-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tag-item{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:500;white-space:nowrap;border:1px solid;transition:all .2s ease}.tag-vip{background-color:rgba(255,215,0,.2);color:gold;border-color:rgba(255,215,0,.3)}.tag-high-value{background-color:hsla(0,100%,71%,.2);color:#ff6b6b;border-color:hsla(0,100%,71%,.3)}.tag-good-review{background-color:rgba(81,207,102,.2);color:#51cf66;border-color:rgba(81,207,102,.3)}.tag-tech-support{background-color:rgba(51,154,240,.2);color:#339af0;border-color:rgba(51,154,240,.3)}.tag-pending{background-color:rgba(255,165,2,.2);color:#ffa502;border-color:rgba(255,165,2,.3)}.tag-urgent{background-color:rgba(255,56,56,.2);color:#ff3838;border-color:rgba(255,56,56,.3)}.tag-refund{background-color:rgba(165,94,234,.2);color:#a55eea;border-color:rgba(165,94,234,.3)}.tag-after-sales{background-color:rgba(38,222,129,.2);color:#26de81;border-color:rgba(38,222,129,.3)}.tag-new-customer{background-color:rgba(119,140,163,.2);color:#778ca3;border-color:rgba(119,140,163,.3)}.tag-promotion{background-color:rgba(253,150,68,.2);color:#fd9644;border-color:rgba(253,150,68,.3)}.tag-default{background-color:rgba(var(--border-color),.2);color:var(--text-secondary-color);border-color:rgba(var(--border-color),.3)}.unread-badge{position:absolute;top:-8px;right:-8px;background-color:var(--primary-color);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;min-width:20px;padding:0 4px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.chat-panel{flex-grow:1;display:flex;flex-direction:column}.chat-header{padding:16px 20px;background:var(--card-bg-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chat-header-user{font-size:18px;font-weight:600}.header-actions{display:flex;align-items:center;gap:15px}.lang-switcher{position:relative}.lang-switcher button{background:none;font-size:20px;padding:5px}.lang-dropdown{position:absolute;top:120%;right:0;background-color:var(--hover-bg-color);border-radius:6px;list-style:none;padding:5px;margin:0;width:120px;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1000}.lang-dropdown li{padding:8px 12px;border-radius:4px;cursor:pointer}.lang-dropdown li:hover{background-color:var(--primary-color)}.chat-window{flex-grow:1;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;background:var(--bg-color);background-image:linear-gradient(45deg,#1f232e 25%,transparent 0),linear-gradient(-45deg,#1f232e 25%,transparent 0),linear-gradient(45deg,transparent 75%,#1f232e 0),linear-gradient(-45deg,transparent 75%,#1f232e 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.chat-window::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-track{background:transparent;margin:2px}.chat-window::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.chat-window::-webkit-scrollbar-thumb:hover{background-color:var(--hover-bg-color)}.messages-container{padding:8px 0;background:var(--bg-color)}.message-wrapper{display:flex;margin-bottom:8px;align-items:flex-end;max-width:100%;padding:0 8px}.message-wrapper.sent{margin-left:48px;margin-right:8px}.message-wrapper.received{margin-right:64px;margin-left:8px;justify-content:flex-start;margin-right:80px}.message-wrapper.sent{justify-content:flex-end;margin-left:80px}.message-avatar{margin-right:8px;flex-shrink:0}.message-avatar,.message-avatar img{width:35px;height:35px;border-radius:50%}.message-avatar img{-o-object-fit:cover;object-fit:cover;border:none}.message-bubble{max-width:65%;position:relative;word-wrap:break-word;margin:2px 0;border-radius:7.5px;padding:6px 7px 8px 9px;box-shadow:0 1px .5px rgba(0,0,0,.13);transition:none}.message-bubble:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.25)}.message-bubble.received{background:var(--card-bg-color);color:var(--text-color);border-radius:12px 12px 12px 2px;margin-left:40px;border:1px solid var(--border-color)}.message-bubble.received,.message-bubble.sent{box-shadow:0 2px 8px rgba(0,0,0,.2);padding:12px;max-width:70%;line-height:1.4;font-size:14.2px;margin-bottom:8px}.message-bubble.sent{background:var(--primary-color);color:#fff;border-radius:12px 12px 2px 12px;margin-right:8px;border:1px solid var(--primary-hover-color)}.message-bubble.ai{background:linear-gradient(135deg,#6aab9c,#7cbba8);color:#fff;border-radius:18px 18px 4px 18px;margin-right:8px;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 4px 12px rgba(106,171,156,.3),0 1px 3px rgba(0,0,0,.1)}.message-bubble.system{background:linear-gradient(135deg,#f2c94c,#ffd23f);color:#1f232e;border-radius:18px;margin:8px auto;max-width:60%;text-align:center;border:1px solid rgba(242,201,76,.3);box-shadow:0 4px 12px rgba(242,201,76,.2),0 1px 3px rgba(0,0,0,.1)}.message-bubble.urgent{background:linear-gradient(135deg,#e54b4b,#f25c5c);color:#fff;border-radius:18px 18px 4px 18px;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 4px 12px rgba(229,75,75,.3),0 1px 3px rgba(0,0,0,.1)}.message-content{font-size:14.2px;line-height:19px;padding:0;margin:0;word-wrap:break-word;overflow-wrap:break-word}.message-content,.message-time{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.message-time{font-size:11px;color:var(--text-secondary-color);text-align:right;line-height:12px;margin-top:4px;float:right;margin-left:4px}.message-bubble.received .message-time,.message-bubble.sent .message-time{color:hsla(0,0%,100%,.7)}.message-status{font-size:11px;color:var(--text-secondary-color);margin-left:2px;margin-top:4px;float:right;opacity:.7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.message-bubble.sent .message-content{padding-right:0}.message-bubble.received .message-content{padding-left:0;padding-right:0}.chat-input-area{border-top:1px solid var(--border-color);padding:10px 20px;flex-shrink:0}.chat-input-toolbar{display:flex;gap:15px;padding-bottom:10px}.chat-input-toolbar button{background:none;border:none;font-size:20px;color:var(--text-secondary-color);cursor:pointer;padding:5px}.chat-input-toolbar button:hover{color:#fff}#message-input{height:80px}.right-panel{width:260px;background-color:var(--card-bg-color);flex-direction:column}.info-tabs,.right-panel{flex-shrink:0;display:flex}.info-tabs{border-bottom:1px solid var(--border-color)}.info-tabs button{flex:1;background:none;border:none;padding:14px;cursor:pointer;color:var(--text-secondary-color);border-bottom:2px solid transparent;transition:all .2s;font-size:14px}.info-tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:500}.tab-content{display:none;padding:20px;overflow-y:auto;flex-grow:1;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:transparent;margin:2px}.tab-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background-color:var(--hover-bg-color)}.tab-content.active{display:block}.info-block{margin-bottom:24px}.info-block h4{margin:0 0 12px 0;color:var(--text-secondary-color);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.info-block p{margin:4px 0}.recommended-reply{background:var(--hover-bg-color);padding:10px;border-radius:4px;margin-bottom:8px;cursor:pointer;transition:background-color .2s}.recommended-reply:hover{background-color:#494d52}.dashboard-kpi-card{gap:20px}.dashboard-kpi-card,.kpi-icon{display:flex;align-items:center}.kpi-icon{font-size:28px;width:50px;height:50px;border-radius:50%;justify-content:center}.kpi-icon.blue{background-color:rgba(74,144,226,.1);color:var(--primary-color)}.kpi-icon.green{background-color:rgba(106,171,156,.1);color:var(--success-color)}.kpi-icon.yellow{background-color:rgba(242,201,76,.1);color:var(--warning-color)}.kpi-value{font-size:28px;font-weight:600;color:#fff}.kpi-trend{font-size:14px;font-weight:500}.kpi-trend.up{color:var(--success-color)}.bar-chart-container{display:flex;flex-direction:column;gap:15px}.bar-item{display:flex;align-items:center;gap:15px}.bar-label{width:100px;text-align:right;color:var(--text-secondary-color);font-size:12px}.bar-wrapper{flex-grow:1;background-color:var(--bg-color);border-radius:4px}.bar{height:20px;background:var(--primary-gradient);border-radius:4px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary-color);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.grid-auto-fit-300{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.text-secondary-color{color:var(--text-secondary-color)}.tag{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}