.chat-container{max-width:800px;margin:10% auto;padding:20px;background:#c4cad4;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);font-family:Arial,sans-serif}.chat-title{font-size:24px;text-align:center;color:#fff;margin-bottom:20px;font-weight:700}.no-conversations{text-align:center;font-size:16px;color:gray;padding:20px}.chat-list{display:flex;flex-direction:column;gap:10px}.chat-item{display:flex;align-items:center;padding:15px;cursor:pointer;background-color:#b1b7bd;border-radius:8px;transition:background .3s ease,transform .2s ease;border:1px solid #ddd}.chat-item:hover{background-color:#38414f;transform:scale(1.02)}.chat-item img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-right:15px;border:2px solid #fff}.chat-info{flex-grow:1}.chat-info p{margin:0;color:#f5f5f5}.chat-info strong{font-size:16px}.last-message{font-size:14px;color:gray;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unread-badge{background-color:red;color:#fff;border-radius:50%;padding:5px 10px;font-size:12px;font-weight:700}@media (max-width:768px){.chat-container{max-width:90%;margin:100px 20px}.chat-title{font-size:20px}.chat-item{padding:10px}.chat-item img{width:40px;height:40px}.chat-info strong{font-size:14px}.last-message{font-size:12px}.footer{width:100vw}}