static/style.css

.gradio-container {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    max-width: 800px;
    margin: 0 auto;
}

.dark .gradio-container {
    background-color: #1a1a1a;
}

.chatbot {
    min-height: 500px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.dark .chatbot {
    border-color: #444;
}

/* Button styling */
button {
    background-color: #6e6edf !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
}

button:hover {
    background-color: #5a5acf !important;
}

/* Input styling */
input, textarea {
    border-radius: 4px !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
}

.dark input, .dark textarea {
    background-color: #2d2d2d !important;
    border-color: #444 !important;
    color: white !important;
}