.messages-container{background-color:#f8f9fa;border-radius:10px;padding:20px;margin-bottom:20px;height:400px;overflow-y:auto;border:1px solid #e9ecef}.message{margin-bottom:15px}.message-content{max-width:70%;padding:12px 16px;border-radius:18px;position:relative;word-wrap:break-word;box-shadow:0 1px 2px #0000001a}.message-content.bg-primary{background-color:#007bff!important;color:#fff;border-bottom-right-radius:4px}.message-content.bg-white{background-color:#fff!important;color:#212529;border:1px solid #e9ecef;border-bottom-left-radius:4px}.message-time{font-size:.75rem;margin-top:5px;opacity:.8}.message-time.text-white-50{color:#ffffffbf!important}.message-time.text-muted{color:#6c757d!important}.input-group textarea{border-radius:20px 0 0 20px;padding:12px 16px;resize:none;border:1px solid #ced4da;font-size:14px}.input-group .btn{border-radius:0 20px 20px 0;padding:12px 20px;font-weight:500}.message-badge{position:absolute;top:-5px;right:-5px;padding:5px 8px;border-radius:50%;font-size:.75rem;min-width:20px;text-align:center}.read-status{font-size:.75rem;margin-left:5px}.conversation-list{list-style:none;padding:0;margin:0}.conversation-item{padding:15px;border-bottom:1px solid #e9ecef;transition:background-color .2s ease;text-decoration:none;color:inherit}.conversation-item:hover{background-color:#f8f9fa;text-decoration:none;color:inherit}.conversation-item.active{background-color:#e9ecef}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.conversation-name{font-weight:600;color:#212529}.conversation-time{font-size:.75rem;color:#6c757d}.conversation-preview{font-size:.875rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-content{border-radius:12px;border:none;box-shadow:0 10px 30px #0003}.modal-header{border-bottom:1px solid #e9ecef;padding:20px 24px}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e9ecef;padding:20px 24px}.form-label{font-weight:500;color:#495057;margin-bottom:8px}.form-select,.form-control{border-radius:8px;border:1px solid #ced4da;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select:focus,.form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}@media (max-width: 768px){.message-content{max-width:85%}.input-group textarea{font-size:16px}.messages-container{height:300px;padding:15px}.modal-dialog{margin:10px}}.message-sending{opacity:.6}.message-error{border-left:3px solid #dc3545;background-color:#f8d7da}.message-sent{border-left:3px solid #28a745}