Update app.py

app.py

@@ -110,26 +110,64 @@ def create_medical_report(symptoms):
 st.set_page_config(page_title="MedExpert AI", layout="wide")
 
 # Apply Tailwind CSS & Custom Styles
-st.markdown(
-    """
+st.markdown("""
     <style>
-        body {background: linear-gradient(to right, #ff7e5f, #feb47b);}
-        .sidebar .sidebar-content {background: #2C3E50;}
-        .sidebar .sidebar-content a {color: #ffffff !important; font-size: 18px;}
-        .stButton>button {background-color: #16A085; color: white; padding: 10px 20px; border-radius: 8px;}
-        .stButton>button:hover {background-color: #1ABC9C;}
-        .stMarkdown {font-size: 18px; color: #2C3E50;}
+        /* Background Gradient */
+        body {
+            background: linear-gradient(to right, #ff7e5f, #feb47b);
+            color: white;
+        }
+
+        /* Sidebar Design */
+        [data-testid="stSidebar"] {
+            background-color: #2C3E50 !important;
+            color: white !important;
+        }
+
+        [data-testid="stSidebar"] a {
+            color: white !important;
+            font-size: 18px !important;
+        }
+
+        /* Custom Buttons */
+        .stButton>button {
+            background-color: #16A085;
+            color: white;
+            padding: 10px 20px;
+            border-radius: 8px;
+            font-size: 16px;
+        }
+
+        .stButton>button:hover {
+            background-color: #1ABC9C;
+        }
+
+        /* Custom Input Box */
+        .stTextInput>div>div>input {
+            background-color: white !important;
+            border-radius: 10px !important;
+            border: 2px solid #16A085 !important;
+            padding: 8px !important;
+        }
+
+        /* Title Styling */
+        .stApp h1 {
+            text-align: center;
+            font-size: 36px;
+            color: #2C3E50;
+        }
+
     </style>
-    """, 
-    unsafe_allow_html=True
-)
+""", unsafe_allow_html=True)
+
 
 # Sidebar UI
 with st.sidebar:
-    st.markdown("## 🔍 Navigation")
+    st.markdown("## 🔍 **Navigation**", unsafe_allow_html=True)
     page = st.radio("", ["🏠 Home", "📄 Diagnosis", "📢 About"])
     st.markdown("---")
-    st.markdown("**📌 Built by AI & Healthcare Experts**")
+    st.markdown("### 📌 **Built with AI & Healthcare Experts**")
+
 
 # Main Page
 st.title("🩺 MedExpert: AI-Powered Clinical Analysis System")
@@ -149,11 +187,12 @@ elif page == "📄 Diagnosis":
     st.subheader("📝 Describe Your Symptoms")
     symptoms = st.text_area("Enter symptoms in any language", placeholder="e.g., Mujhay sar main dard hai")
 
-    if st.button("🧑‍⚕️ Get Diagnosis"):
-        if symptoms.strip():
-            with st.spinner("🔍 Analyzing Symptoms..."):
-                time.sleep(2)  # Simulate processing
-                report_text, pdf_file = create_medical_report(symptoms)
+if st.button("🧑‍⚕️ Get Diagnosis"):
+    if symptoms.strip():
+        with st.spinner("🔍 **Analyzing Symptoms... Please wait...**"):
+            time.sleep(2)  # Simulate processing
+            report_text, pdf_file = create_medical_report(symptoms)
+
             
             if pdf_file:
                 st.subheader("📋 Medical Report")