.chat-container {
    height: 70vh;
    overflow-y: auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 20px 0;
}

.chat-input {
    padding: 20px 0;
}

.message {
    margin-bottom: 15px;
    max-width: 80%;
}

.message.user {
    margin-left: auto;
}

.message-content {
    padding: 10px;
    border-radius: 10px;
    background: #f8f9fa;
}

.message.user .message-content {
    background: #007bff;
    color: white;
}