Update style.css

style.css

@@ -1,6 +1,25 @@
-/* Chat bubbles */
-.user-message { background: #E3F2FD; border-radius: 15px 15px 0 15px; }
-.bot-message { background: white; border-radius: 15px 15px 15px 0; border: 1px solid #e0e0e0; }
+/* Gradio overrides */
+.gradio-container {
+    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%) !important;
+    max-width: 800px !important;
+    margin: 0 auto !important;
+}
 
-/* Warning text */
-.warning { color: #FF6B6B; font-weight: bold; }
+/* 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);
+}