Update app.py

app.py

@@ -141,8 +141,45 @@ def app_function(message, location, query, history):
     professionals, map_html = get_health_professionals_and_map(location, query)  # Find professionals & map
     return chatbot_history, sentiment, emotion, suggestions, professionals, map_html
 
-# Gradio app interface
-with gr.Blocks() as app:
+# Custom CSS for Visual Styling
+custom_css = """
+body {
+    background: linear-gradient(135deg, #000000, #ff5722);
+    color: white;
+    font-family: 'Arial', sans-serif;
+}
+button {
+    background-color: #ff5722 !important;
+    border: none !important;
+    color: white !important;
+    padding: 12px 20px;
+    font-size: 16px;
+    border-radius: 8px;
+    cursor: pointer;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+}
+button:hover {
+    background-color: #e64a19 !important;
+}
+textarea, input[type="text"] {
+    background: rgba(255, 255, 255, 0.1) !important;
+    color: white !important;
+    border: 2px solid #ff5722 !important;
+    padding: 12px !important;
+    border-radius: 8px !important;
+    font-size: 14px;
+}
+#components-container {
+    margin-top: 20px;
+}
+.gradio-container {
+    padding: 16px !important;
+    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.6);
+}
+"""
+
+# Gradio Interface
+with gr.Blocks(css=custom_css) as app:
     gr.Markdown("# 🌟 Well-Being Companion")
     gr.Markdown("Empowering Your Mental Health Journey 💚")