chatbot_ui.html

<style>
    .title {
        text-align: center; 
        font-size: 28px; 
        font-weight: bold; 
        margin-bottom: 10px;
    }
    .chat-container {
        border: 2px solid #444; 
        padding: 15px; 
        border-radius: 10px;
        background-color: #222;
    }
    .chat-box {
        background-color: #222; 
        padding: 10px; 
        border-radius: 10px; 
        margin-bottom: 10px;
        border: 1px solid #555;
    }
    .user-msg {
        background-color: #1a1a1a; 
        padding: 10px; 
        border-radius: 10px; 
        color: white;
        border: 1px solid #777;
    }
    .bot-msg {
        background-color: #333; 
        padding: 10px; 
        border-radius: 10px; 
        color: white;
        border: 1px solid #999;
    }
    .intent-buttons {
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    .selected-intent {
        background-color: #4CAF50 !important; 
        color: white !important;
    }
</style>