Update app.py

app.py

@@ -7,9 +7,10 @@ import numpy as np
 model = joblib.load('Rf_model.joblib')
 encoder = joblib.load('encoder_d.joblib')
 
-# Custom CSS for background and title
+# Custom CSS
 st.markdown("""
     <style>
+        /* App title */
         .main-title {
             background-color: #007BFF;
             padding: 10px;
@@ -18,40 +19,34 @@ st.markdown("""
             text-align: center;
             font-size: 28px;
         }
+
+        /* App background */
         .stApp {
             background-image: url('https://images.unsplash.com/photo-1605902711622-cfb43c4437d1');
             background-size: cover;
         }
-    </style>
-""", unsafe_allow_html=True)
-
-# Streamlit app
-def main():
-    st.markdown('<div class="main-title">Insurance Cost Prediction App</div>', unsafe_allow_html=True)
-    st.markdown("##")
-
-    # Two row layout using columns
-    col1, col2, col3 = st.columns(3)
-    with col1:
-        age = st.number_input("Age", min_value=18, max_value=100, value=30)
-        bmi = st.number_input("BMI", min_value=10.0, max_value=50.0, value=25.0)
-
-    with col2:
-        sex = st.selectbox("Sex", encoder["sex"].classes_)
-        sex = encoder['sex'].transform([sex])[0]
-        children = st.number_input("Children", min_value=0, max_value=10, value=0)
 
-    with col3:
-        smoker = st.selectbox("Smoker", encoder['smoker'].classes_)
-        smoker = encoder['smoker'].transform([smoker])[0]
-        region = st.selectbox("Region", encoder['region'].classes_)
-        region = encoder['region'].transform([region])[0]
+        /* Input fields background */
+        .stNumberInput, .stSelectbox {
+            background-color: rgba(255, 255, 255, 0.8) !important;
+            border-radius: 10px;
+            padding: 5px;
+        }
 
-    # Predict button
-    if st.button("Predict Insurance Cost"):
-        values = [age, sex, bmi, children, smoker, region]
-        predict = round(model.predict([values])[0], 2)
-        st.success(f"Estimated Insurance Cost: ${predict}")
+        /* Predict Button */
+        div.stButton > button {
+            background-color: #28a745;
+            color: white;
+            font-size: 18px;
+            width: 50%;
+            margin: auto;
+            display: block;
+            border-radius: 8px;
+        }
 
-if __name__ == "__main__":
-    main()
+        /* Output style */
+        .result-box {
+            background-color: rgba(255,255,255,0.85);
+            border-left: 6px solid #28a745;
+            padding: 15px;
+            font-size: