style.css

/* Gradio overrides */
.gradio-container {
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%) !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* Button styling */
button {
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}
button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}

/* Diagnosis cards */
.diagnosis-card {
    background: white;
    border-radius: 12px;
    padding: 15px;
    margin: 10px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}