.messages-container{max-width:900px;margin:0 auto;padding:30px 20px}.conversations-list{background:var(--bg-card);border-radius:16px;box-shadow:0 4px 20px rgb(0 0 0 / .08);overflow:hidden;border:1px solid var(--border-color)}.conversation-item{display:flex;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;position:relative}.conversation-item:hover{background:var(--hover-bg);text-decoration:none;color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgb(0 0 0 / .1)}.conversation-item:last-child{border-bottom:none}.conversation-item.unread{border-left:4px solid var(--primary-color)}.conversation-item.unread:hover{background:var(--highlight)}.conversation-avatar{width:60px;height:60px;border-radius:50%;margin-right:20px;object-fit:cover;border:3px solid var(--border-color);background:var(--bg-secondary);font-size:1.5rem}.conversation-content{flex:1}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.conversation-name{font-weight:600;color:var(--text-primary);margin:0;font-size:1.1rem}.conversation-time{font-size:.85rem;color:var(--text-secondary);font-weight:500}.conversation-preview{color:var(--text-secondary);margin:0;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px;line-height:1.4}.unread-badge{background:var(--primary-color);color:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-left:15px;line-height:1}.chat-container{max-width:900px;margin:20px auto;height:calc(100vh - 120px);background:var(--bg-card);border-radius:16px;box-shadow:0 4px 20px rgb(0 0 0 / .08);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:20px 25px;border-bottom:1px solid var(--border-color);background:var(--primary-accent);color:var(--text-light);border-radius:16px 16px 0 0}.chat-with{display:flex;align-items:center}.chat-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px;object-fit:cover;border:3px solid var(--text-light);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--text-secondary)}.chat-user-info h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-light)}.profile-link{color:var(--text-light);opacity:.8;text-decoration:none;font-size:.9rem;transition:opacity 0.3s ease}.profile-link:hover{opacity:1;color:var(--text-light);text-decoration:none}.btn-back{background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);color:var(--text-light);padding:8px 12px;border-radius:10px;text-decoration:none;margin-right:15px;transition:all 0.3s ease}.btn-back:hover{background:rgb(255 255 255 / .2);color:var(--text-light);text-decoration:none}.chat-messages{flex:1;padding:25px;overflow-y:auto;background:var(--bg-primary);scroll-behavior:smooth}.message{margin-bottom:15px;display:flex;align-items:flex-end}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-bubble{max-width:70%;padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word}.message.sent .message-bubble{background:var(--highlight);color:var(--text-light);border-bottom-right-radius:6px}.message.received .message-bubble{background:var(--bg-card);color:var(--text-primary);border-bottom-left-radius:6px;box-shadow:0 2px 8px rgb(0 0 0 / .08);border:1px solid var(--border-color)}.message-time{font-size:.7rem;opacity:.8;margin-top:8px;text-align:right;color:rgb(255 255 255 / .9);display:flex;align-items:center;justify-content:flex-end;gap:6px}.message.received .message-time{text-align:left;justify-content:flex-start;color:var(--text-secondary)}.read-status{font-size:.65rem;opacity:.9}.chat-form{padding:20px 25px;border-top:1px solid var(--border-color);background:var(--bg-card);border-radius:0 0 16px 16px}.chat-input-group{display:flex;gap:10px;align-items:flex-end}.chat-textarea{flex:1;border:2px solid var(--border-color);border-radius:25px;padding:12px 18px;resize:none;font-family:inherit;font-size:.95rem;transition:all 0.3s ease;max-height:120px;min-height:45px;background:var(--bg-primary);color:var(--text-primary)}.chat-textarea:focus{outline:none;border-color:var(--highlight);box-shadow:0 0 0 3px rgb(0 123 255 / .1);background:var(--bg-card)}.chat-textarea::placeholder{color:var(--text-secondary)}.chat-send-btn{background:var(--highlight);color:var(--text-light);border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;font-size:1.1rem;margin-left:12px}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 3px 10px rgb(0 0 0 / .2)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.char-counter{font-size:.8rem;color:var(--text-secondary);margin-top:8px;text-align:right}.char-counter.warning{color:var(--warning-color)}.char-counter.danger{color:var(--danger-color)}.no-conversations{text-align:center;padding:80px 30px;color:var(--text-secondary);background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 20px rgb(0 0 0 / .08)}.no-conversations i{font-size:5rem;margin-bottom:25px;color:var(--primary-color);opacity:.7}.no-conversations h4{color:var(--text-primary);font-weight:600;margin-bottom:15px}.no-conversations p{font-size:1.1rem;max-width:400px;margin:0 auto 30px}.no-messages{text-align:center;padding:60px 30px;color:var(--text-secondary)}.no-messages i{font-size:4rem;margin-bottom:20px;color:var(--primary-color);opacity:.6}.no-messages h5{color:var(--text-primary);font-weight:600;margin-bottom:10px}.no-messages p{color:var(--text-secondary);font-size:1rem}.message-input-mode{width:100%}.editor-toggle-btn{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;margin-left:8px;margin-right:4px;font-size:.9rem}.editor-toggle-btn:hover{background:var(--highlight);color:var(--text-light);border-color:var(--highlight);transform:scale(1.05)}.wysiwyg-container{border:2px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--bg-card);transition:border-color 0.3s ease}.wysiwyg-container:focus-within{border-color:var(--highlight);box-shadow:0 0 0 3px rgb(0 123 255 / .1)}.toolbar{background:var(--bg-secondary);padding:10px 12px;border-bottom:1px solid var(--border-color);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.toolbar button{background:#fff0;border:1px solid #fff0;padding:6px 8px;border-radius:6px;cursor:pointer;color:var(--text-primary);font-size:.9rem;transition:all 0.2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.toolbar button:hover{background:var(--hover-bg);border-color:var(--border-color);transform:translateY(-1px)}.toolbar button:active{transform:translateY(0)}.toolbar-separator{width:1px;height:24px;background:var(--border-color);margin:0 4px}.editor-content{min-height:150px;max-height:300px;padding:15px;outline:none;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:.95rem;overflow-y:auto;position:relative}.editor-content:focus{background:var(--bg-card)}.editor-content.empty::before{content:attr(data-placeholder);color:var(--text-secondary);pointer-events:none;position:absolute;top:15px;left:15px}.editor-content p{margin:0 0 10px 0}.editor-content ul,.editor-content ol{margin:0 0 10px 0;padding-left:20px}.editor-content li{margin-bottom:4px}.editor-content a{color:var(--highlight);text-decoration:underline}.editor-content strong{font-weight:600}.rich-form-actions{padding:12px 15px;background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color)}.form-buttons{display:flex;gap:10px;align-items:center}.rich-form .btn{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center}.rich-form .btn-primary{background:var(--highlight);color:var(--text-light)}.rich-form .btn-primary:hover{background:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px rgb(0 123 255 / .3)}.rich-form .btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.rich-form .btn-secondary:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.chat-error{display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.error-content{text-align:center;color:var(--text-secondary)}.error-content i{font-size:4rem;color:var(--color-danger);margin-bottom:20px;opacity:.8}.error-content h4{color:var(--text-primary);font-weight:600;margin-bottom:15px}.error-content p{color:var(--text-secondary);margin-bottom:25px;font-size:1rem}@media (max-width:768px){.messages-container,.chat-container{margin:10px;border-radius:12px}.chat-container{height:calc(100vh - 100px)}.conversation-item{padding:15px}.conversation-avatar{width:50px;height:50px;margin-right:15px}.conversation-preview{max-width:200px}.message-bubble{max-width:85%}.chat-header{padding:15px 20px}.chat-messages{padding:15px 20px}.chat-form{padding:15px 20px}.chat-input-group{gap:10px}.chat-send-btn{width:40px;height:40px;font-size:1rem;margin-left:10px}.chat-avatar{width:40px;height:40px;margin-right:12px;font-size:1.1rem}.btn-back{padding:6px 10px;margin-right:10px}.editor-toggle-btn{width:32px;height:32px;margin-left:6px;margin-right:2px;font-size:.8rem}.toolbar{padding:8px 10px;gap:4px;flex-wrap:wrap}.toolbar button{min-width:36px;height:36px;padding:8px;font-size:1rem}.toolbar-separator{height:20px;margin:0 2px}.editor-content{min-height:120px;max-height:250px;padding:12px;font-size:16px}.rich-form-actions{padding:10px 12px;flex-direction:column;gap:10px}.form-buttons{width:100%;justify-content:space-between}.rich-form .btn{padding:10px 16px;font-size:.9rem}}.message{animation:fadeInUp 0.3s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.conversation-item{animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.wysiwyg-editor-container{position:relative;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);overflow:visible;margin:15px 0}.editor-mode-toggle{position:absolute;top:8px;right:8px;width:28px;height:28px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-weight:700;font-size:12px;cursor:pointer;z-index:10;transition:all 0.2s ease}.editor-mode-toggle:hover{background:var(--hover-bg)}.editor-mode-toggle.active{background:var(--primary-accent);color:var(--text-light);border-color:var(--primary-accent)}.editor-toolbar{background:var(--bg-secondary);padding:8px;border-bottom:1px solid var(--border-color);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;gap:4px;flex-wrap:wrap}.editor-toolbar button{background:#fff0;border:1px solid #fff0;padding:6px 8px;border-radius:4px;cursor:pointer;color:var(--text-primary);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.editor-toolbar button:hover{background:var(--hover-bg);border-color:var(--border-color)}.toolbar-separator{width:1px;background:var(--border-color);margin:4px}.editor-content{min-height:60px;padding:12px 40px 12px 12px;outline:none;background:var(--bg-card);color:var(--text-primary);line-height:1.5;font-size:14px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.editor-content.simple-editor{min-height:50px}.editor-content.advanced-editor{min-height:120px}.editor-content:focus{background:var(--bg-primary)}.editor-content:empty:before{content:attr(data-placeholder);color:var(--text-secondary);pointer-events:none;position:absolute}.editor-content p{margin:0 0 8px 0}.editor-content ul,.editor-content ol{margin:8px 0;padding-left:20px}.editor-content li{margin:4px 0}.editor-content a{color:var(--primary-color);text-decoration:underline}.editor-content strong{font-weight:700}.character-counter{padding:8px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:12px;color:var(--text-secondary);text-align:right}.character-counter .warning{color:var(--warning)!important}.character-counter .danger{color:var(--danger)!important}.send-button-container{padding:12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:right}.send-button-container .btn{min-width:100px}.dark-theme .editor-content:focus{background:var(--bg-card)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.conversation-item{animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.messages-container,.chat-container{margin:10px;border-radius:12px}.chat-container{height:calc(100vh - 40px)}.conversation-item{padding:15px}.conversation-avatar{width:50px;height:50px;margin-right:15px}.conversation-preview{max-width:200px}.message-bubble{max-width:85%}.chat-header{padding:15px 20px}.chat-messages{padding:15px}.chat-form{padding:15px}.chat-input-group{flex-direction:column}.chat-send-btn{width:100%;margin-top:10px;border-radius:20px}.chat-avatar{width:40px;height:40px;margin-right:12px;font-size:1.1rem}.btn-back{padding:6px 10px;margin-right:12px}.editor-mode-toggle{width:32px;height:32px;font-size:14px}.editor-toolbar{flex-wrap:wrap;gap:2px}.editor-toolbar button{min-width:36px;height:36px;padding:8px}.toolbar-separator{display:none}.editor-content{font-size:16px;min-height:80px;padding:12px 36px 12px 12px}.character-counter{font-size:11px;padding:6px 12px}.send-button-container{padding:8px 12px}.send-button-container .btn{width:100%;padding:8px 16px}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.message-actions{display:flex;gap:4px;margin-left:8px;opacity:0;transition:opacity 0.2s ease}.message:hover .message-actions{opacity:1}.message-action-btn{background:rgb(0 0 0 / .1);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.6rem;color:rgb(255 255 255 / .8);transition:all 0.2s ease;padding:0}.message.received .message-action-btn{color:var(--text-secondary);background:rgb(0 0 0 / .05)}.message-action-btn:hover{transform:scale(1.1);background:rgb(0 0 0 / .2)}.message.received .message-action-btn:hover{background:rgb(0 0 0 / .1)}.edit-btn:hover{color:var(--primary-color)!important}.delete-btn:hover{color:var(--danger)!important}.edit-message-form{margin-top:10px}.edit-editor-container{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);overflow:hidden}.edit-content{min-height:60px;padding:12px;outline:none;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;font-size:14px}.edit-content:focus{background:var(--bg-card)}.edit-content:empty:before{content:attr(data-placeholder);color:var(--text-secondary);pointer-events:none}.edit-actions{padding:8px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end}.edit-actions .btn{padding:4px 12px;font-size:.85rem;border-radius:4px;border:1px solid var(--border-color)}.edit-actions .btn-secondary{background:var(--bg-card);color:var(--text-primary)}.edit-actions .btn-secondary:hover{background:var(--hover-bg)}.edit-actions .btn-primary{background:var(--primary-color);color:var(--text-light);border-color:var(--primary-color)}.edit-actions .btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.edited-indicator{font-size:.7rem;opacity:.8;margin-left:6px;font-style:italic}.edited-indicator i{font-size:.6rem;margin-right:2px}.edit-wysiwyg{margin:10px 0;min-width:300px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);overflow:hidden;position:relative}.edit-wysiwyg .editor-mode-toggle{position:absolute;top:8px;right:8px;width:26px;height:26px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-weight:700;font-size:11px;cursor:pointer;z-index:10;transition:all 0.2s ease}.edit-wysiwyg .editor-mode-toggle:hover{background:var(--hover-bg)}.edit-wysiwyg .editor-mode-toggle.active{background:var(--primary-accent);color:var(--text-light);border-color:var(--primary-accent)}.edit-wysiwyg .editor-toolbar{background:var(--bg-secondary);padding:6px;border-bottom:1px solid var(--border-color);display:flex;gap:3px;flex-wrap:wrap}.edit-wysiwyg .editor-toolbar button{background:#fff0;border:1px solid #fff0;padding:4px 6px;border-radius:3px;cursor:pointer;color:var(--text-primary);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px}.edit-wysiwyg .editor-toolbar button:hover{background:var(--hover-bg);border-color:var(--border-color)}.edit-wysiwyg .toolbar-separator{width:1px;background:var(--border-color);margin:2px}.edit-wysiwyg .editor-content{min-height:80px;padding:10px 35px 10px 10px;outline:none;background:var(--bg-card);color:var(--text-primary);line-height:1.4;font-size:14px;border:none;resize:none}.edit-wysiwyg .editor-content.simple-editor{min-height:60px}.edit-wysiwyg .editor-content.advanced-editor{min-height:100px}.edit-wysiwyg .editor-content:focus{background:var(--bg-primary)}.edit-wysiwyg .editor-content:empty:before{content:attr(placeholder);color:var(--text-secondary);pointer-events:none;position:absolute}.edit-wysiwyg .character-counter{padding:6px 10px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-secondary);text-align:right}.edit-wysiwyg .edit-actions{padding:10px;background:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:right;display:flex;gap:8px;justify-content:flex-end}.edit-wysiwyg .edit-actions .btn{padding:6px 12px;font-size:13px;border-radius:4px}.dark-theme .editor-content:focus{background:var(--bg-card)}.modal .wysiwyg-editor-container{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);overflow:visible;margin-top:8px}.modal .editor-mode-toggle{position:absolute;top:8px;right:8px;width:28px;height:28px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-weight:700;font-size:12px;cursor:pointer;z-index:10;transition:all 0.2s ease}.modal .editor-mode-toggle:hover{background:var(--hover-bg)}.modal .editor-mode-toggle.active{background:var(--primary-accent);color:var(--text-light);border-color:var(--primary-accent)}.modal .editor-toolbar{background:var(--bg-secondary);padding:8px;border-bottom:1px solid var(--border-color);display:flex;gap:4px;flex-wrap:wrap}.modal .editor-toolbar button{background:#fff0;border:1px solid #fff0;padding:6px 8px;border-radius:4px;cursor:pointer;color:var(--text-primary);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal .editor-toolbar button:hover{background:var(--hover-bg);border-color:var(--border-color)}.modal .toolbar-separator{width:1px;background:var(--border-color);margin:4px}.modal .editor-content{min-height:80px;padding:12px 40px 12px 12px;outline:none;background:var(--bg-card);color:var(--text-primary);line-height:1.5;font-size:14px}.modal .editor-content.simple-editor{min-height:60px}.modal .editor-content.advanced-editor{min-height:120px}.modal .editor-content:focus{background:var(--bg-primary)}.modal .editor-content:empty:before{content:attr(data-placeholder);color:var(--text-secondary);pointer-events:none;position:absolute}.modal .character-counter{padding:8px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:12px;color:var(--text-secondary);text-align:right}.modal .character-counter .warning{color:var(--warning)!important}.modal .character-counter .danger{color:var(--danger)!important}.modal-lg .modal-dialog{max-width:800px}@media (max-width:768px){.modal .editor-toolbar{flex-wrap:wrap;gap:2px;padding:6px}.modal .editor-toolbar button{min-width:36px;height:36px;padding:8px}.modal .editor-content{font-size:16px;min-height:80px;padding:10px 35px 10px 10px}.modal .editor-mode-toggle{width:30px;height:30px;font-size:13px;top:6px;right:6px}.modal-lg .modal-dialog{max-width:95%;margin:10px auto}}