.chat-box {
    min-height: 300px;
    max-height: 500px;
    overflow-y: auto;
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 20px;
}

.chat-user,
.chat-ai {
    margin-bottom: 16px;
    padding: 12px;
    border-radius: 10px;
}

.chat-user {
    background: #1d4ed8;
    color: white;
}

.chat-ai {
    background: #1e293b;
    color: #e2e8f0;
}

.chat-user p,
.chat-ai p {
    margin-top: 8px;
    white-space: pre-wrap;
}