.chat-wrapper{height:100vh;background-color:#f9f9fa}.sidebar-contacts{background-color:#fff;border-right:1px solid #e9ecef;height:100vh;overflow-y:auto}.avatar{width:48px;height:48px}.avatar,.avatar-sm{border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-sm{width:40px;height:40px}.status-badge{position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:#1ae800;border:2px solid #fff;border-radius:50%}.status-badge-sm{width:10px;height:10px}.chat-list,.new-contacts-list{max-height:calc(100vh - 200px);overflow-y:auto}.chat-item,.contact-item{padding:.75rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.chat-item:hover,.contact-item:hover{background-color:rgba(53,66,74,.05)}.last-message{color:#6c757d;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.main-chat{height:100vh;display:flex;flex-direction:column}.chat-content{flex:1;overflow-y:auto;background-color:#f8f9fa}.messages-container{display:flex;flex-direction:column;gap:1rem}.message{max-width:75%;margin-bottom:1rem}.message-outgoing{align-self:flex-end}.message-incoming{align-self:flex-start}.message-content{padding:.75rem 1rem;border-radius:15px;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-outgoing .message-content{background-color:#006aff;color:#fff}.message-time{font-size:.75rem;color:#6c757d;margin-top:.25rem;text-align:right}.message-input-wrapper{background-color:#fff}.form-control{border-radius:20px;padding:.75rem 1rem}.form-control:focus{box-shadow:none;border-color:#006aff}.empty-chat,.empty-state{text-align:center;color:#6c757d;padding:2rem}@media (max-width:768px){.sidebar-contacts{position:fixed;width:100%;z-index:1000;transform:translateX(-100%);transition:transform .3s ease}.sidebar-contacts.active{transform:translateX(0)}.main-chat{width:100%}.message{max-width:85%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}