.chat-container{display:flex;flex-direction:column;height:100%;background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;padding:10px;max-width:800px;margin:auto;font-family:Arial,sans-serif;}.message{max-width:70%;padding:10px;border-radius:15px;margin:5px 0;clear:both;}.message.sent{background-color:#dcf8c6;align-self:flex-end;margin-left:auto;text-align:right;}.message.received{background-color:#ffffff;align-self:flex-start;margin-right:auto;text-align:left;}.message-time{font-size:0.75em;color:#888;margin-top:5px;}.chat-input{display:flex;padding:10px;border-top:1px solid #ccc;background-color:#fff;position:sticky;bottom:0;}.chat-input input[type="text"]{flex:1;padding:10px;border:1px solid #ccc;border-radius:20px;margin-right:10px;}.chat-input button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;}.chat-input button:hover{background-color:#0056b3;}