Update app.py

app.py

@@ -476,10 +476,10 @@ def demographic_form():
     """فرم اطلاعات دموگرافیک"""
     st.markdown("""
     <style>
-        /* استایل کلی تمام inputها و selectها */
-        div[data-baseweb="input"] input,
-        div[data-baseweb="select"] select,
-        div[data-baseweb="textarea"] textarea {
+        /* استایل کلی تمام inputها */
+        .stTextInput input,
+        .stNumberInput input,
+        .stSelectbox select {
             color: #333333 !important;
             background-color: white !important;
             border: 1px solid #6a0dad !important;
@@ -489,22 +489,23 @@ def demographic_form():
         }
         
         /* استایل placeholder */
-        div[data-baseweb="input"] input::placeholder {
+        .stTextInput input::placeholder,
+        .stNumberInput input::placeholder {
             color: #333333 !important;
             opacity: 1 !important;
         }
         
         /* استایل dropdown options */
-        div[data-baseweb="select"] option {
+        .stSelectbox select option {
             color: #333333 !important;
             background-color: white !important;
         }
         
-        /* استایل دکمه submit */
-        div[data-testid="stFormSubmitButton"] button {
-            background-color: #6a0dad !important;
-            color: white !important;
-            border: none !important;
+        /* استایل دکمه submit ساده */
+        .stFormSubmitButton button {
+            background-color: white !important;
+            color: #6a0dad !important;
+            border: 1px solid #6a0dad !important;
             border-radius: 8px !important;
             padding: 10px 24px !important;
             font-family: 'Vazir' !important;
@@ -513,15 +514,15 @@ def demographic_form():
             width: 100% !important;
         }
         
-        div[data-testid="stFormSubmitButton"] button:hover {
-            background-color: #7b1fa2 !important;
-            transform: translateY(-2px);
-            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        .stFormSubmitButton button:hover {
+            background-color: #f0e6ff !important;
+            color: #6a0dad !important;
         }
         
         /* استایل hover برای inputها */
-        div[data-baseweb="input"] input:focus,
-        div[data-baseweb="select"] select:focus {
+        .stTextInput input:focus,
+        .stNumberInput input:focus,
+        .stSelectbox select:focus {
             border-color: #8e44ad !important;
             box-shadow: 0 0 0 2px rgba(106, 13, 173, 0.2) !important;
             outline: none !important;
@@ -547,6 +548,7 @@ def demographic_form():
         
         ride_frequency = st.selectbox("دفعات استفاده از سرویس‌های اشتراک سفر در ماه", 
                                     ["کمتر از 5 بار", "5-10 بار", "بیش از 10 بار"])
+        
         submit_button = st.form_submit_button("ادامه")
         
         if submit_button:
@@ -557,7 +559,7 @@ def demographic_form():
                 "ride_frequency": ride_frequency
             }
             st.session_state.current_page = "scenario_explanation"
-            st.rerun()
+            st.rerun()   
   
 def scenario_explanation():
     """توضیح سناریو"""