#app{width:100%;height:100vh}.login-container[data-v-2e03a766]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#243fbb 0%,#0fbde9 100%)}.login-box[data-v-2e03a766]{width:400px;padding:40px;background:white;border-radius:10px;box-shadow:0 10px 40px #0000001a}h1[data-v-2e03a766]{text-align:center;margin-bottom:30px;color:#333}.form-group[data-v-2e03a766]{margin-bottom:20px}.code-group[data-v-2e03a766]{display:flex;gap:10px}input[data-v-2e03a766]{width:100%;height:45px;padding:0 15px;border:1px solid #ddd;border-radius:5px;font-size:14px}input[data-v-2e03a766]:focus{outline:none;border-color:#667eea}.code-btn[data-v-2e03a766]{width:120px;height:45px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;white-space:nowrap}.code-btn[data-v-2e03a766]:disabled{background:#ccc;cursor:not-allowed}.login-btn[data-v-2e03a766]{width:100%;height:45px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700}.login-btn[data-v-2e03a766]:hover{background:#5568d3}.error-msg[data-v-2e03a766]{margin-top:15px;padding:10px;background:#fee;color:#c33;border-radius:5px;text-align:center;font-size:14px}.session-list[data-v-23ca5f1f]{width:300px;background:white;border-right:1px solid #e0e0e0;display:flex;flex-direction:column}.header[data-v-23ca5f1f]{padding:20px;border-bottom:1px solid #e0e0e0;background:#fff}.header h2[data-v-23ca5f1f]{margin:0 0 10px;font-size:18px;color:#333}.user-info[data-v-23ca5f1f]{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.im-status[data-v-23ca5f1f]{font-size:12px;color:#999;font-weight:500}.im-status.connected[data-v-23ca5f1f]{color:#4caf50}.user-info button[data-v-23ca5f1f]{padding:5px 12px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .3s}.user-info button[data-v-23ca5f1f]:hover{background:#d32f2f}.sessions[data-v-23ca5f1f]{flex:1;overflow-y:auto}.session-item[data-v-23ca5f1f]{display:flex;padding:15px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.session-item[data-v-23ca5f1f]:hover{background:#f5f5f5}.session-item.active[data-v-23ca5f1f]{background:#e3f2fd}.avatar-container[data-v-23ca5f1f]{position:relative;margin-right:12px;flex-shrink:0}.avatar[data-v-23ca5f1f],.avatar-img[data-v-23ca5f1f]{width:45px;height:45px;border-radius:50%}.avatar[data-v-23ca5f1f]{background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.unread-badge[data-v-23ca5f1f]{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;background:#ff4444;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 5px;box-shadow:0 2px 4px #0003;border:2px solid white}.info[data-v-23ca5f1f]{flex:1;min-width:0}.name[data-v-23ca5f1f]{font-weight:600;margin-bottom:5px;color:#333}.phone[data-v-23ca5f1f]{font-size:12px;color:#999}.empty[data-v-23ca5f1f]{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:14px}.sessions[data-v-23ca5f1f]::-webkit-scrollbar{width:6px}.sessions[data-v-23ca5f1f]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sessions[data-v-23ca5f1f]::-webkit-scrollbar-thumb:hover{background:#999}.messages[data-v-65a32f74]{flex:1;padding:20px;overflow-y:auto;background:#f9f9f9}.message[data-v-65a32f74]{margin-bottom:20px;display:flex;animation:fadeIn-65a32f74 .3s}@keyframes fadeIn-65a32f74{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-self[data-v-65a32f74]{justify-content:flex-end}.message-content[data-v-65a32f74]{max-width:60%;padding:12px 16px;border-radius:12px;word-wrap:break-word;box-shadow:0 1px 2px #0000001a}.text-message[data-v-65a32f74]{background:#f0f0f0;color:#333;line-height:1.5}.message-self .text-message[data-v-65a32f74]{background:#667eea;color:#fff}.image-message[data-v-65a32f74]{padding:4px;background:#fff;border:1px solid #e0e0e0}.image-message img[data-v-65a32f74]{display:block;border-radius:8px;transition:transform .2s}.image-message img[data-v-65a32f74]:hover{transform:scale(1.02)}.video-message[data-v-65a32f74]{padding:0;background:#000;position:relative;border-radius:8px;overflow:hidden}.video-message video[data-v-65a32f74]{display:block;width:100%;border-radius:8px}.video-duration[data-v-65a32f74]{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:2px 8px;border-radius:4px;font-size:12px}.voice-message[data-v-65a32f74]{padding:0;background:transparent;box-shadow:none}.voice-btn[data-v-65a32f74]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f0f0f0;border:none;border-radius:20px;cursor:pointer;transition:all .3s}.message-self .voice-btn[data-v-65a32f74]{background:#667eea;color:#fff}.voice-btn[data-v-65a32f74]:hover{transform:scale(1.05)}.voice-icon[data-v-65a32f74]{font-size:18px}.voice-duration[data-v-65a32f74]{font-size:14px;font-weight:500}.messages[data-v-65a32f74]::-webkit-scrollbar{width:6px}.messages[data-v-65a32f74]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.messages[data-v-65a32f74]::-webkit-scrollbar-thumb:hover{background:#999}.input-area[data-v-5565e888]{border-top:1px solid #e0e0e0;background:white;padding:15px}.toolbar[data-v-5565e888]{display:flex;gap:10px;margin-bottom:10px}.tool-btn[data-v-5565e888]{padding:8px 16px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s;display:flex;align-items:center;gap:5px}.tool-btn[data-v-5565e888]:hover{background:#e0e0e0;transform:translateY(-1px)}.tool-btn.recording[data-v-5565e888]{background:#ff4444;color:#fff;border-color:#f44;animation:pulse-5565e888 1.5s infinite}@keyframes pulse-5565e888{0%,to{opacity:1}50%{opacity:.7}}.recording-indicator[data-v-5565e888]{display:flex;align-items:center;gap:8px;padding:10px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-top:10px;font-size:14px;color:#856404}.recording-dot[data-v-5565e888]{width:10px;height:10px;background:#ff0000;border-radius:50%;animation:blink-5565e888 1s infinite}@keyframes blink-5565e888{0%,to{opacity:1}50%{opacity:.3}}.input-wrapper[data-v-5565e888]{display:flex;gap:10px;align-items:flex-end}.input-wrapper textarea[data-v-5565e888]{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;resize:none;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .3s}.input-wrapper textarea[data-v-5565e888]:focus{outline:none;border-color:#667eea}.call-btn[data-v-5565e888]{padding:12px 20px;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:18px;transition:all .3s}.call-btn[data-v-5565e888]:hover{background:#45a049;transform:translateY(-1px)}.send-btn[data-v-5565e888]{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.send-btn[data-v-5565e888]:hover{background:#5568d3;transform:translateY(-1px)}.upload-progress[data-v-5565e888]{margin-top:10px;padding:10px;background:#f5f5f5;border-radius:6px}.progress-bar[data-v-5565e888]{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:5px}.progress-fill[data-v-5565e888]{height:100%;background:linear-gradient(90deg,#243fbb,#0fbde9);transition:width .3s;border-radius:3px}.progress-text[data-v-5565e888]{font-size:12px;color:#666}.call-modal[data-v-f32089d8]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn-f32089d8 .3s}@keyframes fadeIn-f32089d8{0%{opacity:0}to{opacity:1}}.call-content[data-v-f32089d8]{background:linear-gradient(135deg,#243fbb 0%,#0fbde9 100%);padding:50px;border-radius:20px;min-width:400px;text-align:center;box-shadow:0 10px 40px #0000004d;animation:slideUp-f32089d8 .3s}@keyframes slideUp-f32089d8{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.call-user-info[data-v-f32089d8]{margin-bottom:30px}.call-avatar[data-v-f32089d8]{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0003}.call-avatar .avatar-img[data-v-f32089d8]{width:100%;height:100%}.call-avatar .avatar-img img[data-v-f32089d8]{width:100%;height:100%;object-fit:cover}.call-avatar .avatar-placeholder[data-v-f32089d8]{width:100%;height:100%;background:rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700}.call-user-name[data-v-f32089d8]{font-size:24px;font-weight:600;color:#fff;margin-bottom:10px}.call-status[data-v-f32089d8]{font-size:18px;color:#ffffffe6;margin-bottom:40px;min-height:30px}.call-controls[data-v-f32089d8]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.call-controls button[data-v-f32089d8]{padding:15px 30px;border:none;border-radius:50px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s;min-width:120px}.accept-btn[data-v-f32089d8]{background:#4caf50;color:#fff}.accept-btn[data-v-f32089d8]:hover{background:#45a049;transform:scale(1.05)}.reject-btn[data-v-f32089d8],.hangup-btn[data-v-f32089d8]{background:#f44336;color:#fff}.reject-btn[data-v-f32089d8]:hover,.hangup-btn[data-v-f32089d8]:hover{background:#d32f2f;transform:scale(1.05)}.mute-btn[data-v-f32089d8]{background:rgba(255,255,255,.2);color:#fff;border:2px solid white}.mute-btn[data-v-f32089d8]:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.close-btn[data-v-f32089d8]{background:rgba(255,255,255,.2);color:#fff;border:2px solid white}.close-btn[data-v-f32089d8]:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.home-container[data-v-77a0f982]{display:flex;height:100vh;background:#f5f5f5}.chat-area[data-v-77a0f982]{flex:1;display:flex;flex-direction:column;background:#f5f5f5}.chat-container[data-v-77a0f982]{display:flex;flex-direction:column;height:100%;background:white}.chat-header[data-v-77a0f982]{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:flex-start;background:white;min-height:60px}.user-info-section[data-v-77a0f982]{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.user-name[data-v-77a0f982]{font-size:18px;font-weight:600;color:#333}.user-tags[data-v-77a0f982]{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:6px}.tag[data-v-77a0f982]{display:inline-flex;align-items:center;padding:4px 10px;background:#1890ff;color:#fff;border-radius:12px;font-size:12px;white-space:nowrap;box-shadow:0 1px 3px #1890ff33;transition:all .2s ease;cursor:default;flex-shrink:0}.tag[data-v-77a0f982]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 6px #1890ff4d}.tag-label[data-v-77a0f982]{font-weight:500;margin-right:4px;opacity:.9}.tag-value[data-v-77a0f982]{font-weight:600}.actions[data-v-77a0f982]{display:flex;gap:10px;flex-shrink:0;align-self:flex-start;margin-left:20px}.actions button[data-v-77a0f982]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s;white-space:nowrap}.actions button[data-v-77a0f982]:first-child{background:#2196f3;color:#fff}.actions button[data-v-77a0f982]:first-child:hover{background:#1976d2}.actions button[data-v-77a0f982]:last-child{background:#f44336;color:#fff}.actions button[data-v-77a0f982]:last-child:hover{background:#d32f2f}.empty-chat[data-v-77a0f982]{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:14px}.modal[data-v-77a0f982]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-77a0f982 .3s}@keyframes fadeIn-77a0f982{0%{opacity:0}to{opacity:1}}.modal-content[data-v-77a0f982]{background:white;padding:30px;border-radius:12px;min-width:300px;max-width:500px;box-shadow:0 4px 20px #00000026}.modal-content h3[data-v-77a0f982]{margin:0 0 20px;font-size:18px;color:#333}.service-list[data-v-77a0f982]{margin-bottom:20px;max-height:300px;overflow-y:auto}.service-item[data-v-77a0f982]{padding:12px;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;cursor:pointer;transition:all .3s}.service-item[data-v-77a0f982]:hover{background:#f5f5f5;border-color:#667eea;transform:translate(5px)}.modal-content button[data-v-77a0f982]{width:100%;padding:12px;background:#999;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s}.modal-content button[data-v-77a0f982]:hover{background:#777}.image-preview-modal[data-v-77a0f982]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-77a0f982 .3s}.preview-content[data-v-77a0f982]{position:relative;max-width:90%;max-height:90%}.preview-content img[data-v-77a0f982]{max-width:100%;max-height:90vh;border-radius:8px}.close-btn[data-v-77a0f982]{position:absolute;top:-40px;right:0;width:40px;height:40px;background:rgba(255,255,255,.2);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-btn[data-v-77a0f982]:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.service-list[data-v-77a0f982]::-webkit-scrollbar{width:6px}.service-list[data-v-77a0f982]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.service-list[data-v-77a0f982]::-webkit-scrollbar-thumb:hover{background:#999}.tab-content h2[data-v-5cfd9970]{margin-bottom:20px;color:#333}.table-container[data-v-5cfd9970]{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}table[data-v-5cfd9970]{width:100%;border-collapse:collapse}thead[data-v-5cfd9970]{background:#f5f5f5}th[data-v-5cfd9970],td[data-v-5cfd9970]{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}th[data-v-5cfd9970]{font-weight:700;color:#666}.role-badge[data-v-5cfd9970]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.role-0[data-v-5cfd9970]{background:#e3f2fd;color:#1976d2}.role-1[data-v-5cfd9970]{background:#fff3e0;color:#f57c00}.role-2[data-v-5cfd9970]{background:#fce4ec;color:#c2185b}.btn-small[data-v-5cfd9970]{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.btn-small[data-v-5cfd9970]:hover{background:#5568d3}.empty[data-v-5cfd9970]{text-align:center;padding:40px;color:#999}.tab-content h2[data-v-ded4db3c]{margin-bottom:20px;color:#333}.table-container[data-v-ded4db3c]{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}table[data-v-ded4db3c]{width:100%;border-collapse:collapse}thead[data-v-ded4db3c]{background:#f5f5f5}th[data-v-ded4db3c],td[data-v-ded4db3c]{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}th[data-v-ded4db3c]{font-weight:700;color:#666}.status-badge[data-v-ded4db3c]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.online[data-v-ded4db3c]{background:#e8f5e9;color:#388e3c}.status-badge.offline[data-v-ded4db3c]{background:#fafafa;color:#757575}.btn-small[data-v-ded4db3c]{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.btn-small[data-v-ded4db3c]:hover{background:#5568d3}.empty[data-v-ded4db3c]{text-align:center;padding:40px;color:#999}.tab-content h2[data-v-832aaf9b]{margin-bottom:20px;color:#333}.stats-grid[data-v-832aaf9b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-832aaf9b]{background:white;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center}.stat-value[data-v-832aaf9b]{font-size:36px;font-weight:700;color:#667eea;margin-bottom:10px}.stat-label[data-v-832aaf9b]{color:#666;font-size:14px}.admin-container[data-v-77106812]{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.header[data-v-77106812]{height:60px;background:white;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.header h1[data-v-77106812]{font-size:20px;color:#333}.user-info[data-v-77106812]{display:flex;align-items:center;gap:15px}.user-info button[data-v-77106812]{padding:8px 20px;background:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.main-content[data-v-77106812]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-77106812]{width:200px;background:white;border-right:1px solid #e0e0e0}.menu-item[data-v-77106812]{padding:15px 20px;cursor:pointer;border-left:3px solid transparent}.menu-item[data-v-77106812]:hover{background:#f5f5f5}.menu-item.active[data-v-77106812]{background:#e3f2fd;border-left-color:#667eea;color:#667eea;font-weight:700}.content[data-v-77106812]{flex:1;padding:30px;overflow-y:auto}.modal[data-v-77106812]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-77106812]{background:white;padding:30px;border-radius:10px;min-width:400px}.modal-content h3[data-v-77106812]{margin-bottom:20px}.form-group[data-v-77106812]{margin-bottom:15px}.form-group label[data-v-77106812]{display:block;margin-bottom:8px;color:#666}.form-group select[data-v-77106812]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}.modal-actions[data-v-77106812]{display:flex;gap:10px;margin-top:20px}.modal-actions button[data-v-77106812]{flex:1;padding:10px;border:none;border-radius:5px;cursor:pointer}.modal-actions button[data-v-77106812]:first-child{background:#667eea;color:#fff}.modal-actions button[data-v-77106812]:last-child{background:#f5f5f5;color:#666}