Update app.py

app.py

@@ -476,10 +476,10 @@ def demographic_form():
     """فرم اطلاعات دموگرافیک"""
     st.markdown("""
     <style>
-        /* استایل کلی تمام inputها */
-        .stNumberInput input,
-        .stSelectbox select,
-        .stTextInput input {
+        /* استایل کلی تمام inputها و selectها */
+        div[data-baseweb="input"] input,
+        div[data-baseweb="select"] select,
+        div[data-baseweb="textarea"] textarea {
             color: #333333 !important;
             background-color: white !important;
             border: 1px solid #6a0dad !important;
@@ -489,20 +489,19 @@ def demographic_form():
         }
         
         /* استایل placeholder */
-        .stNumberInput input::placeholder,
-        .stTextInput input::placeholder {
+        div[data-baseweb="input"] input::placeholder {
             color: #333333 !important;
             opacity: 1 !important;
         }
         
         /* استایل dropdown options */
-        .stSelectbox select option {
+        div[data-baseweb="select"] option {
             color: #333333 !important;
             background-color: white !important;
         }
         
         /* استایل دکمه submit */
-        .stFormSubmitButton button {
+        div[data-testid="stFormSubmitButton"] button {
             background-color: #6a0dad !important;
             color: white !important;
             border: none !important;
@@ -511,23 +510,31 @@ def demographic_form():
             font-family: 'Vazir' !important;
             font-weight: bold !important;
             transition: all 0.3s ease !important;
+            width: 100% !important;
         }
         
-        .stFormSubmitButton button:hover {
+        div[data-testid="stFormSubmitButton"] button:hover {
             background-color: #7b1fa2 !important;
             transform: translateY(-2px);
             box-shadow: 0 4px 8px rgba(0,0,0,0.1);
         }
         
         /* استایل hover برای inputها */
-        .stNumberInput input:focus,
-        .stSelectbox select:focus {
+        div[data-baseweb="input"] input:focus,
+        div[data-baseweb="select"] select:focus {
             border-color: #8e44ad !important;
             box-shadow: 0 0 0 2px rgba(106, 13, 173, 0.2) !important;
             outline: none !important;
         }
+        
+        /* استایل لیبل‌ها */
+        .st-emotion-cache-1v0mbdj p {
+            color: #333333 !important;
+            font-family: 'Vazir' !important;
+        }
     </style>
     """, unsafe_allow_html=True)
+
     with st.form("demographic"):
         st.header("📝 اطلاعات دموگرافیک")
         
@@ -541,9 +548,7 @@ def demographic_form():
         ride_frequency = st.selectbox("دفعات استفاده از سرویس‌های اشتراک سفر در ماه", 
                                     ["کمتر از 5 بار", "5-10 بار", "بیش از 10 بار"])
         
-        submit_button = st.form_submit_button("ادامه")
-        
-        if submit_button:
+        if st.button("ادامه", key="continue_btn", type="primary"):
             st.session_state.demographic_data = {
                 "age": age,
                 "gender": gender,
@@ -552,7 +557,7 @@ def demographic_form():
             }
             st.session_state.current_page = "scenario_explanation"
             st.rerun()
-
+  
 def scenario_explanation():
     """توضیح سناریو"""
     col1, col2 = st.columns([1, 4])