.acb-chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:5px;box-shadow:0 32px 64px rgba(0,0,0,.1);display:flex;height:calc(100vh - 50px);margin:12px;overflow:hidden}.acb-error,.acb-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.acb-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;height:40px;margin-bottom:16px;width:40px}.acb-error h3{color:#f44336;margin-bottom:8px}.acb-error p{color:#666;margin-bottom:16px}.acb-user-sidebar{background:linear-gradient(145deg,#f8fafc,#e2e8f0);border-right:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:350px}.acb-user-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;justify-content:space-between;overflow:hidden;padding:24px 20px;position:relative}.acb-user-header:before{background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.acb-current-user{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.acb-user-avatar{border:1px solid #ddd;border-radius:50%;cursor:pointer;height:48px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:48px}.acb-user-avatar:hover{border-color:hsla(0,0%,100%,.6);transform:scale(1.05)}.acb-user-info h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.acb-online-status{align-items:center;color:#10b981;display:flex;font-size:13px;font-weight:500;gap:8px}span.acb-online-status.offline,span.acb-online-status.online{align-items:center;color:hsla(0,0%,100%,.9);display:flex;font-size:13px;font-weight:500;gap:8px}span.acb-online-status.online:before{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.3)}span.acb-online-status.offline:before,span.acb-online-status.online:before{animation:pulse 2s infinite;border-radius:50%;content:"";height:8px;width:8px}span.acb-online-status.offline:before{background:#64748b;box-shadow:0 0 0 2px #64748b}.acb-signout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:12px;color:#fff;cursor:pointer;padding:12px;transition:all .3s ease}.acb-signout-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.acb-auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center}.acb-auth-box{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);max-width:400px;padding:40px;text-align:center;width:90%}.acb-auth-box h2{color:#333;margin-bottom:8px}.acb-auth-box p{color:#666;margin-bottom:24px}.acb-email-btn,.acb-google-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:12px;padding:12px 16px;transition:background-color .2s;width:100%}.acb-email-btn:hover,.acb-google-btn:hover{background:#f5f5f5}.acb-divider{color:#666;margin:20px 0;position:relative;text-align:center}.acb-divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.acb-divider span{background:#fff;font-size:12px;padding:0 16px}.acb-email-form{margin-top:20px}.acb-email-form input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;margin-bottom:12px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.acb-email-form input:focus{border-color:#2196f3}.acb-form-actions{display:flex;gap:8px}.acb-form-actions button{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:12px 16px;transition:background-color .2s}.acb-form-actions button:first-child{background:#2196f3;color:#fff}.acb-form-actions button:first-child:hover{background:#1976d2}.acb-form-actions button:last-child{background:#f5f5f5;color:#333}.acb-form-actions button:last-child:hover{background:#e0e0e0}.acb-profile-image-section{margin-bottom:15px}.acb-upload-profile-btn{align-items:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.acb-upload-profile-btn:hover{background:#f0f8ff;border-color:#2196f3;color:#2196f3}.acb-profile-preview{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.acb-upload-profile-btn i{font-size:18px}.acb-retry-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px;transition:background-color .2s}.acb-retry-btn:hover{background:#1976d2}@media(max-width:768px){.acb-chat-container{flex-direction:column}.acb-user-sidebar{height:200px;width:100%}.acb-message-content{max-width:80%}.acb-emoji-picker{grid-template-columns:repeat(4,1fr)}}.acb-messages-container::-webkit-scrollbar,.acb-users-list::-webkit-scrollbar{width:6px}.acb-messages-container::-webkit-scrollbar-track,.acb-users-list::-webkit-scrollbar-track{background:#f1f1f1}.acb-messages-container::-webkit-scrollbar-thumb,.acb-users-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.acb-messages-container::-webkit-scrollbar-thumb:hover,.acb-users-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.acb-search-container{align-items:center;display:flex;gap:12px;padding:20px}.acb-search-container input.acb-search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #b9b9b9;border-radius:5px;box-sizing:border-box;color:#000;flex-grow:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.3;outline:0;padding:8px 3px 10px 12px;width:100%}.acb-search-input{background:#fff;border:2px solid transparent;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.05);flex:1;font-size:14px;outline:none;padding:14px 20px;transition:all .3s ease}.acb-search-input:focus{border-color:#4f46e5;box-shadow:0 4px 20px rgba(79,70,229,.2);transform:translateY(-1px)}.acb-refresh-users-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(16,185,129,.3);color:#fff;cursor:pointer;padding:14px;transition:all .3s ease}.acb-refresh-users-btn:hover{box-shadow:0 6px 20px rgba(16,185,129,.4);transform:translateY(-2px)}.acb-users-list{flex:1;overflow-y:auto;padding:0 12px}.acb-user-item{align-items:center;background:#fff;border:2px solid transparent;border-radius:16px;cursor:pointer;display:flex;margin-bottom:8px;padding:16px;position:relative;transition:all .3s ease}.acb-user-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:rgba(79,70,229,.2);transform:translateX(4px)}.acb-user-item.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;box-shadow:0 8px 24px rgba(79,70,229,.3);color:#fff}.acb-user-item.active .acb-last-message-time,.acb-user-item.active .acb-user-details h5,.acb-user-item.active .acb-user-status{color:#fff}.acb-user-item.has-new-message{animation:notification-glow 2s infinite;background:linear-gradient(135deg,#fef3c7,#f6cdff);border-color:#fff}@keyframes notification-glow{0%,to{box-shadow:0 0 0 rgba(245,158,11,.4)}50%{box-shadow:0 0 20px rgba(245,158,11,.6)}}.acb-user-avatar-container{margin-right:16px;position:relative}.acb-online-indicator{border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;transition:all .3s ease;width:12px}.acb-online-indicator.online{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.3)}.acb-online-indicator.offline{background:#94a3b8}.acb-new-message-indicator{align-items:center;animation:bounce 1s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(239,68,68,.4);color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.acb-user-details h5{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:4px;transition:color .3s ease}.acb-user-status{color:#64748b;font-size:13px;transition:color .3s ease}.acb-last-message-time{color:#94a3b8;font-size:12px;margin-top:4px;transition:color .3s ease}.acb-chat-area{background:linear-gradient(145deg,#fff,#f8fafc);display:flex;flex:1;flex-direction:column;position:relative}.acb-chat-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;overflow:hidden;padding:24px 32px;position:relative}.acb-chat-header:before{background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.acb-chat-user-info{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.acb-chat-user-info h4{font-size:18px;font-weight:600;margin-bottom:4px}.acb-messages-container{background:linear-gradient(145deg,#f8fafc,#e2e8f0);flex:1;overflow-y:auto;padding:24px 32px;position:relative}.acb-messages-container:before{background:radial-gradient(circle at 20% 20%,rgba(79,70,229,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.acb-date-divider{color:#64748b;font-size:13px;font-weight:500;margin:32px 0;position:relative;text-align:center}.acb-date-divider:before{background:linear-gradient(90deg,transparent,#cbd5e1,transparent);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.acb-date-divider span{background:#f8fafc;padding:0 16px;position:relative;z-index:1}.acb-message{animation:fadeInUp .3s ease;display:flex;gap:16px;margin-bottom:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.acb-message.own{flex-direction:row-reverse}.acb-message-avatar{border:2px solid hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.1);flex-shrink:0;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.acb-message-content{max-width:70%}.acb-message.own .acb-message-content{text-align:right}.acb-message-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.acb-message.own .acb-message-header{justify-content:flex-end}.acb-message-sender{color:#828282;font-size:13px;font-weight:600}.acb-message-time{color:#94a3b8;font-size:12px}.acb-message-body{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:16px 20px;position:relative}.acb-message.own .acb-message-body{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;color:#fff}.acb-message-body:before{background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.acb-message-body p{line-height:1.5;margin:0;position:relative;z-index:1}.acb-message-image{border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.1);cursor:pointer;max-height:280px;max-width:280px;transition:all .3s ease}.acb-message-image:hover{box-shadow:0 12px 32px rgba(0,0,0,.15);transform:scale(1.02)}.acb-message-file{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.acb-message-file:hover{background:#e2e8f0;transform:translateY(-1px)}.acb-message-file a{color:#4f46e5;font-weight:500;text-decoration:none;transition:color .3s ease}.acb-message-file a:hover{color:#7c3aed}.acb-message-input{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px;position:relative}.acb-input-actions{align-items:center;display:flex;gap:8px}.acb-attach-btn,.acb-emoji-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:10px;transition:all .2s ease;width:40px}.acb-attach-btn:hover,.acb-emoji-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}.acb-attach-btn:active,.acb-emoji-btn:active{transform:scale(.95)}.acb-emoji-picker{animation:slideUp .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:100%;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:grid;gap:4px;grid-template-columns:repeat(6,1fr);left:0;margin-bottom:8px;padding:12px;position:absolute;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.acb-emoji-picker .acb-emoji-btn{background:transparent;border:none;border-radius:6px;font-size:20px;height:36px;padding:8px;transition:background-color .15s ease;width:36px}.acb-emoji-picker .acb-emoji-btn:hover{background:#f3f4f6}.acb-message-text{background:#f8fafc;border:2px solid #f1f5f9;border-radius:24px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05);color:#1e293b;flex:1;font-size:15px;line-height:1.5;max-height:120px;min-height:20px;outline:none;padding:14px 18px;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.acb-message-text,input.acb-message-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}input.acb-message-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #b9b9b9;border-radius:10px;box-sizing:border-box;color:#000;flex-grow:1;font-size:14px;font-weight:400;line-height:1.3;outline:0;padding:11px 5px 11px 12px;width:100%}.acb-message-text:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.08),inset 0 1px 3px rgba(0,0,0,.05);transform:translateY(-1px)}.acb-message-text:hover:not(:focus){background:#fff;border-color:#e2e8f0}.acb-message-text::-moz-placeholder{color:#64748b;font-weight:400}.acb-message-text::placeholder{color:#64748b;font-weight:400}.acb-send-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.acb-send-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(59,130,246,.4);transform:translateY(-1px)}.acb-send-btn:active:not(:disabled){transform:translateY(0)}.acb-send-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:768px){.acb-message-input{gap:8px;padding:16px 20px}.acb-attach-btn,.acb-emoji-btn,.acb-send-btn{font-size:14px;height:36px;width:36px}.acb-message-text{font-size:16px}}.acb-no-chat-selected{align-items:center;background:linear-gradient(145deg,#f8fafc,#e2e8f0);display:flex;flex:1;justify-content:center;position:relative}.acb-no-chat-selected:before{background:radial-gradient(circle at 30% 30%,rgba(79,70,229,.05) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(124,58,237,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.acb-welcome-message{color:#64748b;position:relative;text-align:center;z-index:1}.acb-welcome-message i{animation:float 3s ease-in-out infinite;color:#cbd5e1;font-size:64px;margin-bottom:24px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.acb-welcome-message h3{color:#1e293b;font-size:28px;font-weight:600;margin-bottom:12px}.acb-welcome-message p{color:#64748b;font-size:16px}@media(max-width:1024px){.acb-user-sidebar{width:300px}.acb-message-content{max-width:80%}}@media(max-width:768px){.acb-chat-container{border-radius:0;margin:0}.acb-user-sidebar{left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:1000}.acb-user-sidebar.open{transform:translateX(0)}.acb-chat-area{width:100%}.acb-chat-header,.acb-message-input,.acb-messages-container{padding:16px 20px}.acb-message-content{max-width:85%}.acb-emoji-picker{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.acb-search-container,.acb-user-header{padding:16px}.acb-message-content{max-width:90%}.acb-message-image{max-height:200px;max-width:200px}}.acb-messages-container::-webkit-scrollbar,.acb-users-list::-webkit-scrollbar{width:8px}.acb-messages-container::-webkit-scrollbar-track,.acb-users-list::-webkit-scrollbar-track{background:rgba(248,250,252,.8);border-radius:10px}.acb-messages-container::-webkit-scrollbar-thumb,.acb-users-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:2px solid rgba(248,250,252,.8);border-radius:10px}.acb-messages-container::-webkit-scrollbar-thumb:hover,.acb-users-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.acb-mobile-menu-toggle{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(79,70,229,.3);color:#fff;cursor:pointer;display:none;left:20px;padding:12px;position:fixed;top:20px;transition:all .3s ease;z-index:1001}.acb-mobile-menu-toggle:hover{box-shadow:0 6px 20px rgba(79,70,229,.4);transform:translateY(-2px)}@media(max-width:768px){.acb-mobile-menu-toggle{display:block}}.acb-typing-indicator{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;gap:4px;margin-bottom:24px;padding:16px 20px}.acb-typing-dot{animation:typing 1.4s infinite;background:#94a3b8;border-radius:50%;height:8px;width:8px}.acb-typing-dot:nth-child(2){animation-delay:.2s}.acb-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.settings-container{background-color:#fff;max-width:1024px;padding:24px}.setup-guide{background-color:#f9fafb;border-radius:8px;margin-bottom:32px;padding:24px;text-align:left}.setup-guide .setup-guide-title{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:16px}.setup-guide .setup-step{margin-bottom:24px}.setup-guide .setup-step .step-title{color:#374151;font-size:18px;font-weight:600;margin-bottom:12px}.setup-guide .setup-step .step-list{color:#6b7280;list-style:decimal;list-style-position:inside}.setup-guide .setup-step .step-list li{line-height:1.5;margin-bottom:8px}.setup-guide .setup-step .sub-step-list{list-style:disc;list-style-position:inside;margin-left:16px;margin-top:8px}.setup-guide .setup-step .sub-step-list li{margin-bottom:4px}.setup-guide .setup-step .troubleshooting-list{color:#6b7280;list-style:disc;list-style-position:inside}.setup-guide .setup-step .troubleshooting-list li{line-height:1.5;margin-bottom:8px}.setup-guide .setup-step .troubleshooting-list li strong{color:#1f2937}.setup-guide .code-block{background-color:#1f2937;border-radius:8px;color:#10b981;font-family:Courier New,monospace;font-size:14px;margin-top:8px;overflow-x:auto;padding:16px;white-space:pre-wrap}.setup-guide .external-link{color:#2563eb;text-decoration:none}.setup-guide .external-link:hover{text-decoration:underline}.message-alert{border-radius:8px;margin-bottom:24px;padding:16px}.message-alert.message-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#047857}.message-alert.message-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.config-form{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:24px;text-align:left}.config-form .form-fields{gap:24px}.config-form .form-fields,.config-form .form-fields .field-group{display:flex;flex-direction:column}.config-form .form-fields .field-group .field-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.config-form .form-fields .field-group .field-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.config-form .form-fields .field-group .field-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}.config-form .form-fields .field-group .field-input::-moz-placeholder{color:#9ca3af}.config-form .form-fields .field-group .field-input::placeholder{color:#9ca3af}.config-form .form-fields .field-group .field-help{color:#6b7280;font-size:12px;margin-top:4px}.config-form .form-fields .button-group{display:flex;gap:16px}.config-form .form-fields .button-group .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.config-form .form-fields .button-group .btn:disabled{cursor:not-allowed;opacity:.5}.config-form .form-fields .button-group .btn.btn-primary{background-color:#2563eb;color:#fff}.config-form .form-fields .button-group .btn.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.config-form .form-fields .button-group .btn.btn-secondary{background-color:#6b7280;color:#fff}.config-form .form-fields .button-group .btn.btn-secondary:hover:not(:disabled){background-color:#4b5563}.info-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:24px;text-align:left}.info-box .info-title{color:#1e40af;font-size:18px;font-weight:600;margin-bottom:16px}.info-box .info-list{color:#1e40af;list-style:decimal;list-style-position:inside}.info-box .info-list li{line-height:1.5;margin-bottom:8px}.info-box .external-link{color:#2563eb;text-decoration:none}.info-box .external-link:hover{text-decoration:underline}.info-box .note-box{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:6px;margin-top:16px;padding:16px}.info-box .note-box .note-title{color:#92400e;font-weight:600}.info-box .note-box .note-text{color:#92400e}.info-box .note-box .note-list{color:#92400e;list-style:disc;list-style-position:inside;margin-top:8px}.info-box .note-box .note-list li{margin-bottom:4px}@media(max-width:768px){.config-form,.info-box,.settings-container,.setup-guide{padding:16px}.button-group{flex-direction:column}.button-group .btn{width:100%}}#acb_admin_chat_box_users .loading-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#4a5568;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}#acb_admin_chat_box_users .loading-container .spinner{animation:spin 1s linear infinite;border:6px solid #e2e8f0;border-radius:50%;border-top-color:transparent;height:60px;margin-bottom:24px;position:relative;width:60px}#acb_admin_chat_box_users .loading-container .spinner:before{animation:spin 1.5s linear infinite reverse;border:6px solid transparent;border-radius:50%;border-top-color:#667eea;content:"";height:60px;left:-6px;position:absolute;top:-6px;width:60px}#acb_admin_chat_box_users .loading-container .spinner:after{animation:spin .8s linear infinite;border:4px solid transparent;border-radius:50%;border-top-color:#764ba2;content:"";height:36px;left:6px;position:absolute;top:6px;width:36px}#acb_admin_chat_box_users .loading-container p{animation:pulse 2s ease-in-out infinite;color:#667eea;font-size:1.2rem;font-weight:500;margin:0;text-align:center}.users-management-container{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.users-management-container .page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px rgba(102,126,234,.3);color:#fff;margin-bottom:40px;padding:30px 0;text-align:center}.users-management-container .page-header h1{color:#f0f8ff;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.users-management-container .page-header p{font-size:1.1rem;font-weight:300;margin:0;opacity:.9}.users-management-container .message-alert{animation:slideIn .3s ease-out;border:1px solid;border-radius:12px;margin-bottom:24px;padding:16px 20px}.users-management-container .message-alert.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#c3e6cb;color:#155724}.users-management-container .message-alert.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#f5c6cb;color:#721c24}.users-management-container .message-alert .message-content{align-items:center;display:flex;font-weight:500}.users-management-container .tabs-container{background:#fff;border-radius:16px;box-shadow:0 4px 25px rgba(0,0,0,.1);overflow:hidden}.users-management-container .tabs-container .tabs-nav{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;gap:4px;padding:8px}.users-management-container .tabs-container .tabs-nav .tab-button{align-items:center;background:transparent;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:10px 15px;position:relative;transition:all .3s ease}.users-management-container .tabs-container .tabs-nav .tab-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.users-management-container .tabs-container .tabs-nav .tab-button:hover{background:hsla(0,0%,100%,.7);box-shadow:0 4px 15px rgba(0,0,0,.1);color:#475569;transform:translateY(-2px)}.users-management-container .tabs-container .tabs-nav .tab-button:hover:before{left:100%}.users-management-container .tabs-container .tabs-nav .tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px rgba(102,126,234,.4);color:#fff;transform:translateY(-1px)}.users-management-container .tabs-container .tabs-nav .tab-button.active .tab-icon{transform:scale(1.1)}.users-management-container .tabs-container .tabs-nav .tab-button .tab-icon{font-size:1.2rem;transition:transform .3s ease}.users-management-container .tabs-container .tabs-nav .tab-button .tab-label{font-size:.95rem;white-space:nowrap}.users-management-container .tabs-container .tabs-content{min-height:500px;padding:32px}.users-management-container .tab-header{margin-bottom:32px;text-align:center}.users-management-container .tab-header h2{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0 0 8px}.users-management-container .tab-header p{color:#64748b;font-size:1rem;line-height:1.5;margin:0 0 24px}.users-management-container .users-stats{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.users-management-container .users-stats .stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.users-management-container .users-stats .stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-4px)}.users-management-container .users-stats .stat-card .stat-number{color:#667eea;display:block;font-size:2.5rem;font-weight:700;margin-bottom:8px}.users-management-container .users-stats .stat-card .stat-label{color:#64748b;font-size:.9rem;font-weight:500}.users-management-container .users-stats .stat-card.firebase .stat-icon,.users-management-container .users-stats .stat-card.wordpress .stat-icon{font-size:2rem;margin-bottom:12px}.users-management-container .users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);overflow:hidden}.users-management-container .users-table-container .users-table{border-collapse:collapse;font-size:.95rem;width:100%}.users-management-container .users-table-container .users-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.users-management-container .users-table-container .users-table thead th{border-bottom:2px solid #e2e8f0;color:#374151;font-weight:600;padding:18px 16px;text-align:left}.users-management-container .users-table-container .users-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.users-management-container .users-table-container .users-table tbody tr:hover{background:linear-gradient(135deg,#fefeff,#f8fafc);transform:scale(1.01)}.users-management-container .users-table-container .users-table tbody tr:last-child{border-bottom:none}.users-management-container .users-table-container .users-table tbody td{padding:16px;vertical-align:middle}.users-management-container .user-info{align-items:center;display:flex;gap:12px}.users-management-container .user-info .user-avatar{border:2px solid #e2e8f0;border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.users-management-container .user-info .user-name{color:#1e293b;font-weight:500}.users-management-container .user-contact .user-email{color:#64748b;font-size:.9rem}.users-management-container .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px}.users-management-container .status-badge .status-dot{border-radius:50%;height:8px;width:8px}.users-management-container .status-badge.online{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.users-management-container .status-badge.online .status-dot{animation:pulse 2s infinite;background:#28a745}.users-management-container .status-badge.offline{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.users-management-container .status-badge.offline .status-dot{background:#dc3545}.users-management-container .role-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.users-management-container .role-badge.admin{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.users-management-container .role-badge.regular{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460}.users-management-container .last-seen{color:#64748b;font-size:.9rem}.users-management-container .action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.users-management-container .action-btn.make-admin{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.users-management-container .action-btn.make-admin:hover{box-shadow:0 4px 15px rgba(40,167,69,.4);transform:translateY(-2px)}.users-management-container .action-btn.remove-admin{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}.users-management-container .action-btn.remove-admin:hover{box-shadow:0 4px 15px rgba(220,53,69,.4);transform:translateY(-2px)}.users-management-container .empty-state{color:#64748b;padding:80px 20px;text-align:center}.users-management-container .empty-state .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.users-management-container .empty-state h3{color:#374151;font-size:1.5rem;margin:0 0 12px}.users-management-container .empty-state p{font-size:1rem;margin:0}.users-management-container .error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;border-radius:12px;color:#721c24;margin-bottom:24px;padding:20px}.users-management-container .settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:24px;padding:32px}.users-management-container .settings-card h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 24px}.users-management-container .settings-grid{display:grid;margin-bottom:32px}.users-management-container .setting-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 0}.users-management-container .setting-item:last-child{border-bottom:none;padding-bottom:0}.users-management-container .setting-item .setting-info{flex:1;margin-right:20px}.users-management-container .setting-item .setting-info label{color:#374151;display:block;font-weight:500;margin-bottom:4px}.users-management-container .setting-item .setting-info p{color:#64748b;font-size:.9rem;line-height:1.4;margin:0}.users-management-container .setting-item .setting-control{flex:1;margin:auto;text-align:right}.users-management-container .toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.users-management-container .toggle-switch input{height:0;opacity:0;width:0}.users-management-container .toggle-switch .toggle-slider{background:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.users-management-container .toggle-switch .toggle-slider:before{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 6px rgba(0,0,0,.3);content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.users-management-container .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.users-management-container .toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.users-management-container .form-input,.users-management-container .form-select,.users-management-container .form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.users-management-container .form-input:focus,.users-management-container .form-select:focus,.users-management-container .form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.users-management-container .form-textarea{min-height:80px;resize:vertical}.users-management-container .color-picker{align-items:center;display:flex;gap:12px}.users-management-container .color-picker .color-input{background:none;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;height:40px;width:50px}.users-management-container .color-picker .color-input::-webkit-color-swatch-wrapper{padding:0}.users-management-container .color-picker .color-input::-webkit-color-swatch{border:none;border-radius:4px}.users-management-container .color-picker .color-text{border:2px solid #e2e8f0;border-radius:8px;flex:1;font-family:Courier New,monospace;font-size:.9rem;padding:10px 12px}.users-management-container .btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.users-management-container .btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.users-management-container .btn:hover:before{left:100%}.users-management-container .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-management-container .btn.btn-primary:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.users-management-container .btn.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.users-management-container .btn.btn-large{font-size:1.1rem;padding:16px 32px}.users-management-container .setting-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding-top:24px}.users-management-container .shortcode-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:32px;padding:32px}.users-management-container .shortcode-section h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 12px}.users-management-container .shortcode-section p{color:#64748b;margin:0 0 24px}.users-management-container .shortcode-section .shortcode-examples{display:grid;gap:16px}.users-management-container .shortcode-section .shortcode-example{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:16px 20px}.users-management-container .shortcode-section .shortcode-example strong{color:#374151;display:block;margin-bottom:8px}.users-management-container .shortcode-section .shortcode-example code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#667eea;font-family:Courier New,monospace;font-size:.9rem;padding:8px 12px}.users-management-container .sync-stats{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.users-management-container .sync-stats .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:32px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.users-management-container .sync-stats .stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-4px)}.users-management-container .sync-stats .stat-card .stat-icon{font-size:25px;margin-bottom:16px}.users-management-container .sync-stats .stat-card .stat-info .stat-number{color:#667eea;display:block;font-size:2.5rem;font-weight:700;margin-bottom:8px}.users-management-container .sync-stats .stat-card .stat-info .stat-label{color:#64748b;font-size:1rem;font-weight:500}.users-management-container .sync-info{margin-bottom:32px}.users-management-container .sync-info .info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:32px}.users-management-container .sync-info .info-card h3{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0 0 16px}.users-management-container .sync-info .info-card p{color:#64748b;line-height:1.6;margin:0 0 20px}.users-management-container .sync-info .info-card ul{color:#64748b;margin:0;padding-left:20px}.users-management-container .sync-info .info-card ul li{line-height:1.5;margin-bottom:8px}.users-management-container .sync-actions{display:flex;justify-content:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.users-management-container .tabs-nav .tab-button{padding:12px 16px}.users-management-container .tabs-nav .tab-button .tab-label{font-size:.9rem}.users-management-container .settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.users-management-container{padding:16px}.users-management-container .page-header{margin-bottom:24px;padding:20px}.users-management-container .page-header h1{font-size:2rem}.users-management-container .tabs-nav{flex-wrap:wrap;gap:8px}.users-management-container .tabs-nav .tab-button{flex:1 1 45%;min-width:140px}.users-management-container .tabs-content{padding:20px}.users-management-container .users-stats{grid-template-columns:1fr}.users-management-container .users-table-container{overflow-x:auto}.users-management-container .setting-item{align-items:flex-start;flex-direction:column}.users-management-container .setting-item .setting-info{margin-bottom:16px;margin-right:0}.users-management-container .sync-stats{grid-template-columns:1fr}}@media(max-width:480px){.users-management-container .tabs-nav .tab-button{flex:1 1 100%;margin-bottom:4px}.users-management-container .page-header h1{font-size:1.8rem}}