.fetching-message-overlay[data-v-5de67cf2]{z-index:9999;background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fetching-message-box[data-v-5de67cf2]{background-color:#fff;border-radius:8px;align-items:center;gap:10px;padding:20px 40px;font-size:16px;display:flex;box-shadow:0 2px 10px #0003}.fetching-message-box i[data-v-5de67cf2]{color:#4a90e2}body{background-color:#f0f2f5;margin:0;padding:0;font-family:Arial,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}*{word-break:break-word;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6,ul{margin:0}noscript{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.quoted-highlight,.message.active{border-radius:8px;transition:background-color .5s ease-out}.login-container,.register-container{background-color:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-form,.register-form{background-color:#fff;border-radius:10px;width:100%;max-width:400px;padding:30px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0000001a}.login-form:hover,.register-form:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.login-form h2,.register-form h2{text-align:center;color:#333;margin:0 0 25px;font-size:24px;font-weight:600}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:20px;padding:10px 15px;font-size:14px}.success-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-bottom:20px;padding:10px 15px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#555;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px 15px;font-size:14px;transition:border-color .3s,box-shadow .3s}.form-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.captcha-group{margin-bottom:20px}.captcha-row{align-items:center;gap:10px;display:flex}.captcha-row input{flex:1}.captcha-image{align-items:center;display:flex}.captcha-image img{cursor:pointer;border-radius:6px;height:40px;transition:transform .2s}.captcha-image img:hover{transform:scale(1.05)}.form-actions{margin-top:30px}.login-btn,.register-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:background-color .3s,transform .2s}.login-btn:hover,.register-btn:hover{background-color:#2980b9;transform:translateY(-2px)}.login-btn:disabled,.register-btn:disabled{cursor:not-allowed;background-color:#bdc3c7;transform:none}.form-footer{text-align:center;color:#666;margin-top:20px;font-size:14px}.form-footer a{color:#3498db;font-weight:500;text-decoration:none;transition:color .3s}.form-footer a:hover{color:#2980b9;text-decoration:underline}@media (width<=480px){.login-form,.register-form{padding:20px}.login-form h2,.register-form h2{font-size:20px}.captcha-row{flex-direction:column;align-items:stretch}.captcha-image{justify-content:center;margin-top:10px}.captcha-image img{height:48px}}.private-header{background-color:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.private-user-info{align-items:center;display:flex}.private-user-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;display:flex;position:relative;overflow:hidden}.private-user-avatar img{object-fit:cover;width:100%;height:100%}#privateUserInitials,.private-user-avatar .user-initials{color:#fff;background-color:#3498db;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:700;display:flex;position:absolute;top:0;left:0}.private-user-details{flex-direction:column;justify-content:center;display:flex}.private-user-details h2{color:#333;margin:0;font-size:16px;font-weight:600}.private-user-details #privateUserStatus,.private-user-details .user-status{color:#666;background-color:#0000;border-radius:0;width:auto;min-width:auto;height:auto;min-height:auto;margin-top:2px;margin-left:0;font-size:12px}.private-actions{gap:10px;display:flex}.private-actions button{color:#333;cursor:pointer;background-color:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;font-size:14px;transition:all .2s;display:flex}.private-actions button:hover{background-color:#e0e0e0}.private-actions button:active{background-color:#d0d0d0}.private-chat-interface{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}#privateEmptyState{color:#6c757d;text-align:center;background-color:#fafafa;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}#privateMessageContainer{-webkit-overflow-scrolling:auto;background-color:#fafafa;flex-direction:column;flex:auto;min-height:0;margin-bottom:0;padding:10px;display:flex;position:relative;overflow-y:auto}.search-result-item{cursor:pointer;border-bottom:1px solid #eee;align-items:center;padding:10px;display:flex}.search-result-item:hover{background-color:#f5f5f5}.search-result-item .user-avatar{border-radius:50%;width:40px;height:40px;margin-right:10px;overflow:hidden}.search-result-item .user-avatar img{object-fit:cover;width:100%;height:100%}.search-result-info{flex:1}.search-result-nickname{margin-bottom:2px;font-weight:700}.search-result-username{color:#666;font-size:12px}.add-friend-btn{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.add-friend-btn:hover{background-color:#2980b9}.file-link-container{background-color:#f1f1f1;border:1px solid #ddd;border-radius:4px;margin:5px 0;padding:8px 12px;display:inline-block}.file-icon{margin-right:8px}.message-link{color:#3498db!important;text-decoration:none!important}.message-link:hover{text-decoration:underline!important}#main-chat{width:100vw;min-width:800px;height:100vh;display:flex;overflow:hidden}#sidebar{color:#fff;box-sizing:border-box;background-color:#2c3e50;flex-direction:column;align-items:center;width:100px;min-width:100px;max-width:100px;height:100%;min-height:100%;max-height:100%;display:flex;box-shadow:2px 0 10px #0000001a}.sidebar-header{border-bottom:1px solid #34495e;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex}.user-profile{flex-direction:column;align-items:center;gap:8px;margin-top:15px;display:flex}#userAvatar{background-color:#34495e;border:2px solid #3498db;border-radius:50%;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;min-height:60px;display:flex;position:relative;overflow:hidden}.user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.user-initials{color:#fff;font-size:24px;font-weight:600;position:absolute}.sidebar-icon{object-fit:cover;cursor:pointer;border-radius:50%;width:60px;height:60px;transition:all .3s}.sidebar-icon:hover{transform:scale(1.1);box-shadow:0 0 15px #ffffff4d}.menu-section{width:100%;margin-top:20px}.menu-list{width:100%;margin:0;padding:0;list-style:none}.menu-item{cursor:pointer;background-color:#0000;border-radius:8px;justify-content:center;align-items:center;width:100%;height:60px;margin:5px 0;transition:all .3s;display:flex;position:relative}.menu-item:hover{background-color:#34495e;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.menu-item.active{color:#fff;background-color:#3498db;box-shadow:0 4px 12px #3498db66}.menu-item.active:hover{background-color:#2980b9;transform:translateY(-2px)}.chat-avatar{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .3s;display:flex}.menu-item:hover .chat-avatar{transform:scale(1.2)}.menu-item.active .chat-avatar{color:#fff;transform:scale(1.2)}#secondary-sidebar{color:#fff;box-sizing:border-box;background-color:#34495e;width:250px;min-width:250px;max-width:250px;height:100%;padding:15px;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.sidebar-section{border-bottom:1px solid #2c3e50;margin-bottom:25px;padding-bottom:15px}.sidebar-section:last-child{border-bottom:none}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sidebar-section h3{cursor:pointer;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:16px;font-weight:600;display:flex}.toggle-section{cursor:pointer;font-size:12px;transition:transform .3s}.toggle-section:hover{color:#3498db}.user-list,.settings-list{margin:0;padding:0;list-style:none}.user-list li,.settings-list li{cursor:pointer;border-radius:6px;margin-bottom:5px;padding:8px 3px;font-size:14px;transition:all .3s}.user-list li:hover,.settings-list li:hover{background-color:#2c3e50;transform:translate(5px)}.secondary-content{width:100%;height:100%}.chat-content{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;min-height:100%;padding-top:0;display:flex;overflow:hidden;margin-bottom:0!important;padding-bottom:0!important}#messageContainer,#groupMessageContainer{-webkit-overflow-scrolling:auto;background-color:#fafafa;flex-direction:column;flex:auto;min-height:0;margin-bottom:0;padding:10px;display:flex;position:relative;overflow-y:auto}.input-area{flex:none}.empty-chat-state{color:#6c757d;text-align:center;background-color:#fafafa;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.empty-icon{opacity:.5;margin-bottom:20px;font-size:64px;transition:all .3s}.empty-chat-state:hover .empty-icon{opacity:.7;transform:scale(1.1)rotate(5deg)}.empty-chat-state h3{color:#495057;margin:0 0 10px;font-size:24px;font-weight:600}.empty-chat-state p{max-width:400px;margin:0;font-size:16px;line-height:1.5}.group-chat-interface{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}#groupEmptyState{color:#6c757d;text-align:center;background-color:#fafafa;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}#groupChatInterface{background-color:#fff;flex-direction:column;width:100%;height:100%;display:none}#groupChatInterface.active{display:flex}#groupMessageContainer{background-color:#fafafa;flex-direction:column;flex:1;min-height:0;padding:10px;display:flex;position:relative;overflow-y:auto}.group-message-input-area{background-color:#fff;border-top:1px solid #e9ecef;flex-direction:column;gap:10px;padding:15px;display:flex}.group-input-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;max-height:220px;padding:10px;transition:all .3s;position:relative}.group-input-container:focus-within{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}#groupMessageInput{resize:none;color:#495057;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-height:60px;max-height:200px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5}#groupMessageInput::placeholder{color:#95a5a6}.group-input-buttons{justify-content:flex-end;align-items:center;gap:10px;display:flex}.group-input-buttons button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}#sendGroupMessage{color:#fff;background-color:#3498db}#sendGroupMessage:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db66}#groupImageUploadButton,#groupFileUploadButton{color:#fff;background-color:#27ae60}#groupImageUploadButton:hover:not(:disabled),#groupFileUploadButton:hover:not(:disabled){background-color:#229954;transform:translateY(-1px);box-shadow:0 4px 12px #27ae6066}.group-input-buttons button:disabled{color:#ecf0f1;cursor:not-allowed;box-shadow:none;background-color:#bdc3c7;transform:none}#groupMessageContainer::-webkit-scrollbar{width:6px}#groupMessageContainer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#groupMessageContainer::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}#groupMessageContainer::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.message{word-wrap:break-word;background:#fff;border-radius:10px;max-width:80%;min-height:auto;margin-bottom:12px;padding:12px 15px;animation:.3s fadeIn;position:relative;box-shadow:0 2px 5px #0000001a}.message.own-message{background:#dcf8c6;align-self:flex-end;max-width:80%}.message-header{align-items:center;margin-bottom:5px;font-size:14px;display:flex}.message-sender{color:#666;font-size:12px;font-weight:700}.message-time{color:#999;font-size:10px;position:absolute;bottom:5px;right:15px}.message-content{color:#343a40;word-wrap:break-word;margin-bottom:5px;line-height:1.4;overflow:visible}.message-content .message-text{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent;max-height:300px;overflow:hidden auto}.message-content .message-text::-webkit-scrollbar{width:6px}.message-content .message-text::-webkit-scrollbar-track{background:0 0;border-radius:3px}.message-content .message-text::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.message-content .message-text::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.message-content .message-text img{object-fit:contain;cursor:pointer;vertical-align:middle;border-radius:8px;max-width:100%;max-height:280px;transition:transform .2s,box-shadow .2s}.message-content .message-text img:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.message-content p{margin:3px 0;line-height:1.4}.message-image{cursor:pointer;object-fit:contain;border:2px solid #0000;border-radius:8px;max-width:100%;max-height:300px;margin-top:5px;margin-bottom:5px;transition:transform .2s,box-shadow .2s}.message-image:hover{border-color:#07c160;transform:scale(1.02);box-shadow:0 4px 12px #00000026}.user-list li{align-items:center;gap:10px;display:flex}.friend-name{color:#ecf0f1;text-align:left;flex:1;font-size:14px}.friend-status{margin-left:auto}.user-avatar{color:#fff;background-color:#3498db;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-name{color:#ecf0f1;font-size:14px}.user-status{border-radius:50%;width:8px;min-width:8px;height:8px;min-height:8px;margin-left:auto}.user-status.online{background-color:#2ecc71}.user-status.offline{background-color:#95a5a6}.group-name{color:#ecf0f1;flex:1;font-size:14px;font-weight:500}.group-member-count{color:#95a5a6;font-size:12px}.unread-count{color:#fff;z-index:10;background-color:#e74c3c;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 5px #0003}.menu-item .unread-count{position:absolute;top:10px;right:10px}.menu-item[data-section=public-chat] .unread-count,.menu-item[data-section=group-chat] .unread-count{top:8px;right:20px}.user-list li[data-group-id],.user-list li.friend-item{justify-content:space-between;align-items:center;display:flex;position:relative}.private-unread-count,.group-unread-count{min-width:18px;height:18px;margin-left:auto;margin-right:10px;padding:0 5px;font-size:11px;position:static}.unread-count:empty{display:none}.group-header{color:#fff;background-color:#3498db;border-bottom:1px solid #2980b9;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.group-header h2{margin:0;font-size:20px;font-weight:600}.group-actions{gap:10px;display:flex}.group-actions button{cursor:pointer;color:#fff;background-color:#fff3;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.group-actions button:hover{background-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}#leaveGroupButton{background-color:#e74c3ccc}#leaveGroupButton:hover{background-color:#e74c3c}.settings-container{background-color:#fafafa;flex-direction:column;height:100%;padding:20px;display:flex;overflow-y:auto}.settings-detail{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000001a}.settings-detail h2{color:#495057;border-bottom:1px solid #e9ecef;margin:0 0 20px;padding-bottom:10px;font-size:24px;font-weight:600}.group-avatar{color:#fff;cursor:pointer;background-color:#3498db;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.group-avatar:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.group-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}#groupList li{cursor:pointer;border-radius:6px;align-items:center;margin-bottom:5px;padding:8px 3px;font-size:14px;transition:all .3s;display:flex}#groupList li:hover{background-color:#2c3e50;transform:translate(5px)}#groupList li.active{color:#fff;background-color:#3498db}#groupList li.active:hover{background-color:#2980b9}.settings-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#495057;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#495057;box-sizing:border-box;border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.form-group textarea{resize:vertical;min-height:100px}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex;font-weight:400!important}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.form-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.save-btn{color:#fff;background-color:#3498db}.save-btn:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db66}.save-btn:disabled{color:#ecf0f1;cursor:not-allowed;box-shadow:none;background-color:#bdc3c7;transform:none}.cancel-btn{color:#fff;background-color:#6c757d}.cancel-btn:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.avatar-upload-container{flex-direction:column;align-items:center;gap:20px;display:flex}.avatar-preview{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;overflow:hidden}.avatar-preview img{object-fit:cover;border-radius:50%;width:100%;height:100%}.no-avatar{color:#6c757d;text-align:center;font-size:14px}.avatar-upload-actions{gap:10px;display:flex}.theme-options{flex-direction:column;gap:10px;display:flex}.theme-option{cursor:pointer;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:8px;padding:10px;transition:all .3s;display:flex;font-weight:400!important}.theme-option:hover{background-color:#f8f9fa;border-color:#3498db}.theme-option input[type=radio]{cursor:pointer;width:16px;height:16px}.shortcuts-list{flex-direction:column;gap:15px;display:flex}.shortcut-item{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.shortcut-action{color:#495057;font-size:14px}.shortcut-key{color:#495057;background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;padding:4px 10px;font-size:13px;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border:1px solid #888;border-radius:8px;width:400px;max-width:90%;margin:0;padding:0;animation:.3s fadeIn;position:relative;top:0;transform:none;box-shadow:0 4px 20px #00000026}.modal-header{background-color:#f5f5f5;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-header h2{color:#333;margin:0;font-size:18px}.close{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700;line-height:1}.close:hover,.close:focus{color:#000;cursor:pointer;text-decoration:none}.modal-body{padding:20px}.group-info-item{align-items:center;margin-bottom:15px;display:flex}.group-info-item label{color:#555;width:100px;font-weight:700}.group-info-item span{color:#333;flex:1}.modal-footer{background-color:#f5f5f5;border-top:1px solid #ddd;border-radius:0 0 8px 8px;justify-content:flex-end;padding:15px 20px;display:flex}.modal-footer button{cursor:pointer;border:none;border-radius:4px;margin-left:10px;padding:8px 16px;font-size:14px;font-weight:700;transition:background-color .2s}.modal-footer .cancel-btn{color:#fff;background-color:#f44336}.modal-footer .cancel-btn:hover{background-color:#d32f2f}.modal-footer .save-btn{color:#fff;background-color:#4caf50}.modal-footer .save-btn:hover{background-color:#45a049}.group-members-list{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;max-height:200px;padding:10px;overflow-y:auto}.group-members-list .loading-members{text-align:center;color:#6c757d;padding:20px;font-style:italic}.member-item{border-radius:4px;align-items:center;padding:8px;transition:background-color .2s;display:flex}.member-item:hover{background-color:#e9ecef}.member-checkbox{margin-right:10px;transform:scale(1.1)}.member-nickname{color:#495057;font-weight:500}.create-group-message{text-align:center;border-radius:6px;margin-top:10px;padding:10px;font-size:14px;font-weight:500}.create-group-message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.create-group-message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.message-content code{background-color:#f1f1f1;border-radius:3px;padding:2px 4px;font-family:Courier New,monospace;font-size:.9em}.message-content pre{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;margin:0;font-family:Courier New,monospace;overflow-x:auto}.message-content code:not(pre code){color:#c7254e!important;background-color:#f1f1f1!important;border-radius:4px!important;padding:2px 6px!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.9em!important}.message .message-content .file-link-container{word-break:break-all!important;cursor:pointer!important;background-color:#f5f5f5!important;border:1px solid #ddd!important;border-radius:8px!important;align-items:center!important;width:auto!important;max-width:100%!important;margin:5px 0!important;padding:12px!important;transition:all .3s!important;display:flex!important}.message .message-content .file-link-container .file-link{color:#1890ff!important;border-bottom:none!important;align-items:center!important;width:100%!important;font-size:14px!important;text-decoration:none!important;display:flex!important}.message .message-content .file-link-container .file-link:before{content:none!important;margin-right:0!important;display:none!important}.message .message-content .file-link-container .file-link span{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:200px!important;display:inline-block!important;overflow:hidden!important}.message .message-content .file-link-container:hover{background-color:#e9ecef!important;border-color:#adb5bd!important}.image-preview-modal{z-index:2000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.image-preview-content{justify-content:center;align-items:center;max-width:90%;max-height:90%;display:flex}.preview-img{border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 4px 20px #00000080}.close-preview{color:#fff;cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.close-preview:hover{background:#000c;transform:scale(1.1)}.version-info{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;flex-direction:column;gap:10px;padding:15px;display:flex}.version-info p{color:#495057;margin:0;font-size:14px}.help-content{flex-direction:column;gap:20px;display:flex}.help-content h3{color:#495057;margin:0;font-size:18px;font-weight:600}.help-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.help-list li a{color:#3498db;font-size:14px;text-decoration:none;transition:all .3s}.help-list li a:hover{color:#2980b9;text-decoration:underline}.help-content p{color:#495057;margin:0;font-size:14px;line-height:1.5}.search-container{margin-top:10px;margin-left:-2.5px;margin-right:-2.5px;position:relative}.search-input{color:#fff;box-sizing:border-box;background-color:#2c3e50;border:1px solid #2c3e50;border-radius:20px;width:100%;padding:8px 30px 8px 12px;font-size:14px;transition:all .3s}.search-input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.search-input::placeholder{color:#95a5a6}.clear-search-btn{color:#95a5a6;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px;font-size:16px;transition:all .3s;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.clear-search-btn:hover{color:#fff;background-color:#e74c3c}.create-group-btn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;transition:background-color .3s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.create-group-btn:hover{background-color:#45a049}#chat-main{background-color:#fff;flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #0000001a}.markdown-toolbar{box-sizing:border-box;z-index:10;pointer-events:auto;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:8px;padding:10px 15px;display:flex}#markdownToolbar{z-index:100;width:100%;position:absolute;top:0;left:0;right:0}#groupMarkdownToolbar{width:100%;position:relative}.markdown-btn{cursor:pointer;color:#495057;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;padding:6px 12px;font-size:14px;transition:all .3s}.markdown-btn:hover{background-color:#e9ecef;border-color:#3498db;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}#messageContainer,#groupMessageContainer{background-color:#fafafa;flex-direction:column;flex:auto;min-height:0;margin-bottom:0;padding:10px;display:flex;position:relative;overflow-y:auto}.empty-state{color:#6c757d;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-state h3{margin:0 0 10px;font-size:20px;font-weight:600}.empty-state p{margin:0;font-size:14px}.input-area{background-color:#fff;border-top:1px solid #e9ecef;flex-direction:column;gap:10px;padding:15px;display:flex}.input-buttons .more-button{pointer-events:auto;z-index:100;color:#fff;cursor:pointer;background-color:#95a5a6;border:none;border-radius:5px;padding:8px 15px;font-size:14px;transition:background-color .3s;position:relative}.input-buttons .more-button:hover{background-color:#7f8c8d}.input-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;max-height:220px;padding:10px;transition:all .3s;position:relative;overflow-y:auto}.input-container:has(.drop-overlay){overflow:visible}.input-container:focus-within{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.drop-overlay{z-index:10;pointer-events:none;background:#3498dbe6;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-content{text-align:center;color:#fff}.drop-content i{margin-bottom:10px;font-size:48px}.drop-content p{font-size:16px;font-weight:700}#messageInput,#groupMessageInput,#privateMessageInput,.editable-div{resize:none;color:#495057;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;scrollbar-width:thin;scrollbar-color:#ccc transparent;background:0 0;border:none;outline:none;width:100%;min-height:60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;line-height:1.5;display:block;max-height:180px!important;overflow-y:auto!important}#messageInput::-webkit-scrollbar{width:6px}#groupMessageInput::-webkit-scrollbar{width:6px}#privateMessageInput::-webkit-scrollbar{width:6px}.editable-div::-webkit-scrollbar{width:6px}#messageInput::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}#groupMessageInput::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}#privateMessageInput::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.editable-div::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}#messageInput[placeholder]:empty:before,#groupMessageInput[placeholder]:empty:before,#privateMessageInput[placeholder]:empty:before,.editable-div[placeholder]:empty:before{content:attr(placeholder);color:#95a5a6!important;pointer-events:none!important;font-size:14px!important;font-style:normal!important;font-weight:500!important;line-height:1.5!important;display:inline-block!important}#messageInput[placeholder]:empty:focus:before,#groupMessageInput[placeholder]:empty:focus:before,#privateMessageInput[placeholder]:empty:focus:before,.editable-div[placeholder]:empty:focus:before{content:attr(placeholder);color:#95a5a6!important;pointer-events:none!important;display:inline-block!important}.editable-div[placeholder]:before,#messageInput[placeholder]:before,#groupMessageInput[placeholder]:before,#privateMessageInput[placeholder]:before{content:attr(placeholder);opacity:0;transition:opacity .1s;position:absolute;color:#95a5a6!important;pointer-events:none!important;font-size:14px!important;font-style:normal!important;font-weight:500!important;line-height:1.5!important;display:inline-block!important}.editable-div:not(:empty):before,#messageInput:not(:empty):before,#groupMessageInput:not(:empty):before,#privateMessageInput:not(:empty):before{opacity:0!important;display:none!important}.editable-div:empty:before,#messageInput:empty:before,#groupMessageInput:empty:before,#privateMessageInput:empty:before{opacity:1!important;display:inline-block!important}#messageInput,#groupMessageInput,#privateMessageInput{white-space:pre-wrap;word-wrap:break-word;background:0 0;border:none;outline:none;min-height:60px;margin:0;padding:0;overflow:hidden}#messageInput:empty,#groupMessageInput:empty,#privateMessageInput:empty{content:""}.editable-div:focus{outline:none}.editable-div{font:inherit;text-align:left;word-break:break-word;margin:0;padding:0;display:block;overflow:visible}#messageInput::placeholder{color:#95a5a6}.input-buttons{justify-content:flex-end;align-items:center;gap:10px;display:flex}.input-buttons button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}#sendButton{color:#fff;background-color:#3498db}#sendButton:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db66}#imageUploadButton,#fileUploadButton{color:#fff;background-color:#27ae60}#imageUploadButton:hover:not(:disabled),#fileUploadButton:hover:not(:disabled){background-color:#229954;transform:translateY(-1px);box-shadow:0 4px 12px #27ae6066}.input-buttons button:disabled{color:#ecf0f1;background-color:#bdc3c7}.more-button{color:#fff;background-color:#95a5a6!important}.more-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #95a5a666;background-color:#7f8c8d!important}.more-functions{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;flex-flow:wrap;justify-content:flex-start;gap:20px;width:100%;margin-top:10px;padding:10px;display:flex}.more-functions.show{display:flex!important}.more-functions button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:5px;margin:5px 10px;padding:8px 16px;font-size:14px;transition:all .3s}.more-functions button:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db66}#sendGroupCardButton,#sendGroupCardButtonGroup,#privateSendGroupCardButton{color:#fff;background-color:#e67e22!important}#sendGroupCardButton:hover:not(:disabled),#sendGroupCardButtonGroup:hover:not(:disabled),#privateSendGroupCardButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #e67e2266;background-color:#d35400!important}.input-container.lifted{transition:transform .3s;transform:translateY(0)}.input-buttons button:disabled{cursor:not-allowed;box-shadow:none;transform:none}.button-text{font-size:13px}.upload-progress{background-color:#e9ecef;border-radius:2px;height:3px;overflow:hidden}.upload-progress-bar{background-color:#3498db;width:0%;height:100%;transition:width .3s}.group-card-container,.group-card-container *,.send-group-card-item,.send-group-card-item *,#groupCardPopup,#groupCardPopup *,#sendGroupCardModal .modal-body p,.send-group-card-container,.send-group-card-container *,.send-group-card-container p{color:#333!important}#messageContainer::-webkit-scrollbar{width:6px}#secondary-sidebar::-webkit-scrollbar{width:6px}#messageContainer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#secondary-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}#messageContainer::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}#secondary-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}#messageContainer::-webkit-scrollbar-thumb:hover{background:#a1a1a1}#secondary-sidebar::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.group-members-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;max-height:100px;margin:20px 0;padding:15px;overflow-y:auto}.group-member-item{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.group-member-item:last-child{border-bottom:none}.group-member-info{flex:1;align-items:center;gap:12px;display:flex}.group-member-name{color:#343a40;font-size:14px;font-weight:500}.group-member-id{color:#6c757d;margin-left:auto;font-size:12px}.group-member-role{color:#1971c2;margin-left:5px;font-size:12px;font-weight:600}.kick-member-btn{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .3s}.kick-member-btn:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.group-manage-section{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.group-manage-section h3{color:#343a40;margin:0 0 15px;font-size:16px;font-weight:600}.group-manage-buttons{gap:10px;margin-top:15px;display:flex}.group-manage-buttons button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.group-manage-buttons button.save-btn{color:#fff;background-color:#4caf50}.group-manage-buttons button.save-btn:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.group-member-role.owner{color:#e67e22;font-weight:600}.loading-members{color:#6c757d;text-align:center;padding:20px;font-style:italic}.loading-messages{color:#6c757d;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;font-size:14px;display:flex}.loading-spinner{border:4px solid #0d6efd1a;border-top-color:#0d6efd;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#6c757d;font-size:14px;font-weight:500}.empty-state{text-align:center;color:#6c757d;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;display:flex}.empty-state h3{color:#212529;margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{color:#6c757d;margin-bottom:16px;font-size:14px}.error-state{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px}.error-icon{color:#dc3545;margin-bottom:16px;font-size:48px}.retry-button{color:#fff;cursor:pointer;background-color:#0d6efd;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background-color .2s}.retry-button:hover{background-color:#0b5ed7}.signature-section{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.signature-label{color:#999;margin-bottom:6px;font-size:12px}.signature-content{color:#666;word-break:break-word;font-size:14px;line-height:1.5}.user-profile-info .signature-section{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.user-profile-info .signature-label{color:#999;margin-bottom:6px;font-size:12px}.user-profile-info .signature-content{color:#666;word-break:break-word;margin-top:8px;font-size:14px;line-height:1.5}.popup-signature-section{border-top:1px solid #eee;margin-top:10px;padding-top:10px}.popup-signature-section .signature-label{color:#999;margin-bottom:4px;font-size:12px}.popup-signature-section .signature-content{color:#666;word-break:break-word;font-size:13px;line-height:1.4}.search-modal-overlay{z-index:10000;background-color:#00000080;justify-content:center;align-items:flex-start;padding-top:100px;display:flex;position:fixed;inset:0}.search-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:70vh;display:flex;box-shadow:0 8px 32px #0003}.search-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.search-modal-header h3{color:#333;margin:0;font-size:18px}.search-modal-header .close-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.search-modal-header .close-btn:hover{color:#333;background-color:#f0f0f0}.search-modal-body{flex:1;padding:20px;overflow-y:auto}.search-input-container{gap:10px;margin-bottom:20px;display:flex}.search-input-container input{border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.search-input-container input:focus{border-color:#4caf50}.search-input-container .search-btn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:background-color .2s}.search-input-container .search-btn:hover:not(:disabled){background-color:#45a049}.search-input-container .search-btn:disabled{cursor:not-allowed;background-color:#ccc}.search-results-count{color:#666;border-bottom:1px solid #eee;margin-bottom:12px;padding-bottom:10px;font-size:13px}.search-results-list{flex-direction:column;gap:10px;display:flex}.search-result-item{cursor:pointer;background-color:#f9f9f9;border:1px solid #0000;border-radius:8px;padding:12px;transition:all .2s}.search-result-item:hover{background-color:#f0f0f0;border-color:#4caf50}.result-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.result-nickname{color:#333;font-size:14px;font-weight:600}.result-time{color:#999;font-size:12px}.result-content{color:#666;word-break:break-word;font-size:13px;line-height:1.5}.search-highlight{background-color:#ffeb3b;border-radius:2px;padding:1px 2px}.no-results{text-align:center;color:#999;padding:30px 0;font-size:14px}.highlight-message{animation:3s ease-out highlight-fade}@keyframes highlight-fade{0%{background-color:#4caf504d}to{background-color:#0000}}.chat-at-user{color:#00f;border-radius:3px}.markdown-code-block{background-color:#282c34!important;border:none!important;border-radius:8px!important;margin:12px 0!important;padding:16px!important;overflow-x:auto!important;box-shadow:0 2px 8px #0000001a!important}.markdown-code-block code{color:#abb2bf!important;white-space:pre!important;word-wrap:normal!important;background:0 0!important;padding:0!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:14px!important;line-height:1.6!important;display:block!important}.markdown-code-block .hljs-keyword{color:#c678dd}.markdown-code-block .hljs-string{color:#98c379}.markdown-code-block .hljs-number{color:#d19a66}.markdown-code-block .hljs-comment{color:#5c6370;font-style:italic}.markdown-code-block .hljs-function{color:#61afef}.markdown-code-block .hljs-title,.markdown-code-block .hljs-tag{color:#e06c75}.markdown-code-block .hljs-attr{color:#d19a66}.highlight{box-shadow:none;border-radius:8px 8px 0 0;margin:0;line-height:0;position:relative;overflow:hidden}.highlight-tools{background:#f8f8f8;border-bottom:1px solid #ddd;align-items:center;padding:8px 12px;font-size:12px;line-height:1;display:flex}.macStyle{gap:6px;margin-right:12px;display:flex}.mac-close,.mac-minimize,.mac-maximize{border-radius:50%;width:12px;height:12px}.mac-close{background-color:#ff5f56}.mac-minimize{background-color:#ffbd2e}.mac-maximize{background-color:#27c93f}.code-lang{color:#666;margin-right:auto;font-weight:700}.copy-notice{color:#666;margin-right:8px;display:none}.copy-button,.fullpage-button{cursor:pointer;color:#666;margin-left:8px;transition:color .2s}.copy-button:hover,.fullpage-button:hover{color:#333}.highlight table{border-collapse:collapse;border-spacing:0;width:100%;margin:0;font-size:0}.highlight table tbody{margin:0;padding:0}.highlight table tr{height:100%;margin:0;padding:0}.highlight table td{vertical-align:top;margin:0;padding:0}.gutter{text-align:right;vertical-align:top;-webkit-user-select:none;user-select:none;background-color:#f5f5f5;border-right:1px solid #ddd;width:40px;height:100%;padding:0;display:table-cell}.gutter pre{color:#666;white-space:nowrap;background:0 0;border:0;margin:0;padding:5px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.4;display:block;overflow:hidden}.code{vertical-align:top;width:100%;height:100%;margin:0;padding:0;line-height:0;display:table-cell;position:relative}.code pre{white-space:pre-wrap;word-wrap:break-word;text-indent:0;height:auto;min-height:0;box-shadow:none;background:#fafafa;border:none;padding:5px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.4;display:block;position:relative;bottom:0;overflow-x:auto;margin:0!important}.code code{text-indent:0;background:0 0;border:none;padding:0;display:inline-block}#mobile-chat{background-color:#fff;flex-direction:column;width:100vw;height:100vh;display:none;position:relative;overflow:hidden}.mobile-header{color:#fff;box-sizing:border-box;z-index:100;background-color:#2c3e50;justify-content:space-between;align-items:center;height:60px;padding:10px 15px;display:flex;box-shadow:0 2px 5px #0000001a}.mobile-header .menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px;font-size:20px}.mobile-header h1{margin:0;font-size:18px;font-weight:600}.mobile-sidebar{color:#fff;z-index:200;background-color:#34495e;width:250px;height:100vh;transition:left .3s;position:fixed;top:0;left:-300px;overflow-y:auto;box-shadow:2px 0 10px #0003}.mobile-sidebar.active{left:0}.mobile-sidebar-overlay{z-index:150;background-color:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.mobile-sidebar-overlay.active{display:block}.mobile-sidebar-header{text-align:center;border-bottom:1px solid #2c3e50;padding:20px}.mobile-sidebar-header .user-avatar{border:2px solid #3498db;border-radius:50%;width:80px;height:80px;margin:0 auto 10px;overflow:hidden}.mobile-sidebar-header .user-avatar-img{object-fit:cover;width:100%;height:100%}.mobile-sidebar-header .user-info{text-align:center}.mobile-menu-list{margin:0;padding:0;list-style:none}.mobile-menu-item{cursor:pointer;border-bottom:1px solid #2c3e50;align-items:center;gap:10px;padding:15px 20px;transition:background-color .2s;display:flex}.mobile-menu-item:hover{background-color:#2c3e50}.mobile-menu-item.active{background-color:#3498db}.mobile-message-container{background-color:#fafafa;flex:1;min-height:0;padding:10px;overflow-y:auto}.mobile-input-area{background-color:#fff;border-top:1px solid #e9ecef;flex-direction:column;gap:10px;padding:15px;display:flex}.mobile-input-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:25px;padding:10px 15px;transition:all .3s;position:relative}.mobile-input-container:focus-within{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}#mobileMessageInput{resize:none;color:#495057;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;background:0 0;border:none;outline:none;width:100%;min-height:40px;max-height:150px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;line-height:1.5;overflow-y:auto}#mobileMessageInput:empty:before{content:attr(placeholder);color:#95a5a6;pointer-events:none;display:inline-block}.mobile-input-buttons{justify-content:flex-end;align-items:center;gap:10px;display:flex}.mobile-input-buttons button{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}#mobileSendButton{color:#fff;background-color:#3498db}#mobileSendButton:hover:not(:disabled){background-color:#2980b9;transform:scale(1.05)}.mobile-message{word-wrap:break-word;background:#fff;border-radius:10px;max-width:80%;margin-bottom:12px;padding:12px 15px;position:relative;box-shadow:0 2px 5px #0000001a}.mobile-message.own-message{background:#dcf8c6;margin-left:20%}.mobile-message-sender{color:#666;margin-bottom:5px;font-size:12px;font-weight:700}.mobile-message-content{color:#343a40;margin-bottom:5px;line-height:1.4}.mobile-message-time{color:#999;font-size:10px;position:absolute;bottom:5px;right:15px}#mobile-group-chat{flex-direction:column;width:100%;height:100%;display:none}.mobile-loading{text-align:center;color:#6c757d;padding:20px}.mobile-empty-state{text-align:center;color:#6c757d;padding:40px 20px}.mobile-empty-state h3{color:#495057;margin:0 0 10px;font-size:18px}.mobile-empty-state p{margin:0;font-size:14px;line-height:1.5}