.chat-container{background-color:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:500px;height:600px;margin:0 auto;display:flex;box-shadow:0 2px 10px #0000001a}.chat-header{border-bottom:1px solid #e0e0e0;padding:20px}.chat-header h1{color:#1a1a1a;font-size:20px}.chat-messages{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.message{flex-direction:column;margin-bottom:20px;display:flex}.message.received{align-self:flex-start}.message.sent{align-self:flex-end;align-items:flex-end}.message-user{color:#666;margin-bottom:4px;font-size:12px}.message-content{border-radius:15px;padding:10px 15px;font-size:14px}.message.received .message-content{color:#1a1a1a;background-color:#f0f2f5}.message.sent .message-content{color:#fff;background-color:#0084ff}.message-time{color:#8e8e8e;margin-top:5px;margin-left:5px;font-size:12px}.message-status{color:#8e8e8e;margin-top:5px;margin-left:5px;margin-right:5px;font-size:12px}.chat-input{border-top:1px solid #e0e0e0;gap:10px;padding:20px;display:flex}.chat-input input{border:1px solid #e0e0e0;border-radius:20px;outline:none;flex:1;padding:10px 10px 10px 14px;font-size:14px}.chat-input input:focus{border-color:#0084ff}.chat-input button{color:#fff;cursor:pointer;background-color:#0084ff;border:none;border-radius:20px;padding:10px 20px;font-size:14px;transition:background-color .2s}.chat-input button:hover{background-color:#0073e6}
/*# sourceMappingURL=index.18d26827.css.map */