*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#ece5dd}button{cursor:pointer}input{outline:none}.auth-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#ece5dd}.auth-card{width:400px;background:#fff;padding:40px;border-radius:15px;display:flex;flex-direction:column;gap:15px;box-shadow:0 10px 25px #0000001a}.auth-card h1{color:#128c7e;text-align:center}.auth-card p{text-align:center}.auth-card input{padding:12px;border:1px solid #ddd;border-radius:8px}.auth-card button{padding:12px;border:none;background:#128c7e;color:#fff;border-radius:8px;font-size:16px}.auth-card button:hover{background:#0d6d62}.error{color:red;text-align:center}.home{display:flex;height:100vh}.sidebar{width:320px;background:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column}.sidebar-header{padding:20px;background:#128c7e;color:#fff;text-align:center}.user-list{flex:1;overflow-y:auto}.user-card{display:flex;gap:15px;align-items:center;padding:15px;cursor:pointer;transition:.3s}.user-card:hover{background:#f5f5f5}.user-card.active{background:#dcf8c6}.user-card img{width:55px;height:55px;border-radius:50%}.user-info h4{margin-bottom:5px}.logout-btn{margin:15px;padding:12px;background:#e53935;color:#fff;border:none;border-radius:8px}.chat-window{flex:1;display:flex;flex-direction:column;background:#efeae2}.chat-header{height:75px;display:flex;align-items:center;gap:15px;padding:15px 25px;background:#fff;border-bottom:1px solid #ddd}.chat-header img{width:50px;height:50px;border-radius:50%}.messages{flex:1;overflow-y:auto;padding:20px}.message-input{display:flex;padding:20px;gap:15px;background:#fff}.message-input input{flex:1;padding:15px;border-radius:10px;border:1px solid #ddd}.message-input button{width:120px;border:none;background:#128c7e;color:#fff;border-radius:10px}.empty{justify-content:center;align-items:center}.message{max-width:60%;padding:12px 15px;border-radius:12px;margin-bottom:15px;display:flex;flex-direction:column}.sent{margin-left:auto;background:#dcf8c6}.received{background:#fff}.message small{margin-top:8px;font-size:11px;color:gray}.search-bar{padding:15px;background:#fff}.search-bar input{width:100%;padding:12px;border-radius:8px;border:1px solid #ddd}.typing{padding:10px 20px;font-size:14px;color:gray;font-style:italic}.welcome{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;gap:20px}.welcome h1{font-size:42px;color:#128c7e}.welcome p{font-size:20px;color:#666}.chat-image{width:250px;border-radius:10px;margin-bottom:10px}.loading-messages{text-align:center;color:#666;margin-top:20px;font-size:15px}.preview-container{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-top:1px solid #ddd}.preview-container img{width:120px;border-radius:10px}.preview-container button{background:red;color:#fff;border:none;width:35px;height:35px;border-radius:50%}.typing-indicator{padding:10px 20px;font-size:14px;color:#666;font-style:italic;background:#fff;border-bottom:1px solid #eee}