.sidebar{height:100vh;background-color:#f5f5f5;border-right:1px solid #ddd;display:flex;flex-direction:column;padding:0}.user-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5}.user-list::-webkit-scrollbar{height:8px}.user-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.user-list::-webkit-scrollbar-track{background:#f5f5f5}.user-card{background-color:#fff;border-radius:8px;scroll-snap-align:start;transition:background-color .3s ease}.user-card:hover{background-color:#f5f5f5}.user-card img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #ddd}.username{font-weight:700;font-size:.875rem;color:#333}.status-indicator{width:8px;height:8px;border-radius:50%}.status-online{background-color:#25d366}.status-offline{background-color:#ccc}.typing-indicator{font-size:.75rem;color:#888}.chat-window{flex:1;height:100vh;display:flex;flex-direction:column;background-color:#e5ddd5;background-image:url(https://i.pinimg.com/736x/8c/98/99/8c98994518b575bfd8c949e91d20548b.jpg);background-size:contain;background-repeat:repeat;padding:0}.chat-header{font-size:1.25rem;font-weight:700;color:#075e54;background-color:#f0f0f0;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;width:100%}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.message{font-size:1rem;padding:12px 16px;border-radius:18px;max-width:80%;word-wrap:break-word;box-shadow:0 1px 4px #0000000d}.message-sent{align-self:flex-end;background-color:#dcf8c6}.message-received{align-self:flex-start;background-color:#fff}.chat-input{display:flex;padding:10px;background-color:#f0f0f0;align-items:center;border-top:1px solid #ccc;position:relative}.chat-input input{flex:1;padding:10px;border-radius:20px;border:none;outline:none;margin-left:.5rem;background-color:#fff;font-size:1rem}.chat-input button{background:#075e54;color:#fff;border:none;padding:10px 16px;border-radius:50%;margin-left:.5rem;font-size:1rem;cursor:pointer}.emoji-button{background:transparent;border:none;font-size:1.5rem;cursor:pointer}.emoji-picker{position:absolute;bottom:60px;left:20px;z-index:100}.message-content-time{display:flex;align-items:center;gap:8px}.message-text{max-width:85%;word-wrap:break-word}.message-time{font-size:.75rem;color:#666;white-space:nowrap}.menu-container{position:relative}.menu-button{background:none;border:none;font-size:1.25rem;cursor:pointer}.menu-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:1rem;width:200px;box-shadow:0 4px 8px #0000001a;z-index:10}.user-info{display:flex;align-items:center;gap:10px;margin-bottom:10px}.user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;background-color:#ddd}.user-email{font-size:.9rem;color:#555}.change-avatar-button{background-color:#075e54;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9rem}