.chat-container{display:flex;flex-direction:column;height:100%;width:100%}.header-info{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;overflow:hidden}.user-info{display:flex}.user-info img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-info a{font-size:20px;font-weight:700}.user-info p{color:#888;font-size:15px}.user-info h2,.user-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-user-info{width:20vh}.btn-user-info,.right-header{display:flex;justify-content:flex-end}.right-header{overflow:hidden;gap:15px;align-items:center}.right-header p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-use-bot,.flex{display:flex}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.message-content{border-radius:1.5rem;word-wrap:break-word}.chat-image img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-input{display:flex;align-items:center}@media (max-width:600px){.user-info a{font-size:16px;font-weight:700;white-space:unset;overflow:none}.user-info img{margin-block:auto;width:50px;height:50px}.message-content{max-width:260px}.modal-tel-style{margin-block:auto}}@media (max-width:1100px){.chat-container{position:absolute}}.loading-chatlist{margin-inline:48%}.date-divider{display:flex;justify-content:center;margin:20px 0}.date-text{background-color:#e0e0e0;padding:5px 10px;border-radius:20px;font-size:12px;color:#555}.chat-box{background-color:#eff6ff!important;border:2px solid #adceff}.chat-container{opacity:0;animation:fadeIn 1s forwards;animation-delay:1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-emoji{width:25px;height:25px}.btn-sendmessage{transition:background-color .2s ease,transform .2s ease;cursor:pointer}.btn-sendmessage:hover{transform:scale(.9)}.btn-sendmessage:active{transform:scale(.8)}.img-setting{transition:transform .3s ease;cursor:pointer;width:35px}.img-setting:hover{transform:rotate(45deg)}.img-setting:active{transform:rotate(0deg)}.help-message{display:flex;position:absolute;width:20%;height:30%;font-size:16px;background-color:#fff;border-radius:10px;border:2px solid #e7e7e7;bottom:5rem;box-shadow:0 4px 10px rgba(0,0,0,.1);flex-direction:column}.help-message-header{display:flex;justify-content:space-around;align-items:center;margin-bottom:10px;border-bottom:1px solid #e7e7e7;font-weight:700;font-size:18px;color:#333;cursor:pointer}.help-message-header p{padding:12px 10px;border-radius:5px;cursor:pointer;transition:background-color .3s}.help-message-header p:hover{background-color:#ebf4ff}.active-category{background-color:#d2e5fc}.help-message-content{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;overflow-y:auto;flex-grow:1;padding-inline:15px}.help-message-content p{cursor:pointer;margin:5px 0;padding:10px;background-color:#f9f9f9;border-radius:5px;width:100%;text-align:left;transition:background-color .3s}.help-message-content p:hover{background-color:#f1f1f1}.help-message-footer{display:flex;justify-content:space-between;border-top:1px solid #e7e7e7;padding:15px}.btn-add-helpmessage{background-color:#558de2;color:#fff;padding:6px 12px;border-radius:20px;border:none;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-add-helpmessage:hover{background-color:#4b60d9;border-color:#4b60d9}.btn-cancel-helpmessage{background-color:#e25555;color:#fff;padding:6px 12px;border-radius:20px;border:none;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-cancel-helpmessage:hover{border-color:#d94b4b;background-color:#d94b4b}.custom-checkbox{width:20px;height:20px;border-radius:50%;border:2px solid #000;background-color:#fff;cursor:pointer;box-sizing:border-box}.custom-checkbox:checked{background-color:#4caf50;border-color:#4caf50}.custom-checkbox:hover{border-color:#3e8e41}