Update src/streamlit_app.py

src/streamlit_app.py

@@ -144,4 +144,85 @@ if submit:
             st.write("🏋 Available Equipment:", ", ".join(equipment))
         else:
             st.write("🏋 Available Equipment: None selected")
+        st.markdown("""
+<style>
+
+/* Full page background */
+.stApp {
+    background-color: #f4f7fb;
+}
+
+/* Main container */
+.block-container {
+    background-color: #ffffff;
+    padding: 2.5rem;
+    border-radius: 16px;
+    max-width: 900px;
+}
+
+/* Headings */
+h1, h2, h3 {
+    color: #0f172a !important;
+}
+
+/* Labels */
+label {
+    color: #1e293b !important;
+    font-weight: 600;
+}
+
+/* Text inputs & number inputs */
+input, textarea {
+    background-color: #ffffff !important;
+    color: #0f172a !important;
+    border-radius: 10px !important;
+    border: 1px solid #cbd5e1 !important;
+}
+
+/* Selectbox & Multiselect */
+div[data-baseweb="select"] {
+    background-color: #ffffff !important;
+    color: #0f172a !important;
+    border-radius: 10px;
+}
+
+/* Dropdown text */
+div[data-baseweb="select"] span {
+    color: #0f172a !important;
+}
+
+/* Number input buttons (+ / -) */
+button[aria-label="Increment"],
+button[aria-label="Decrement"] {
+    color: #0f172a !important;
+}
+
+/* Radio & checkbox text */
+span {
+    color: #0f172a !important;
+}
+
+/* Form card */
+div[data-testid="stForm"] {
+    background-color: #f8fafc;
+    padding: 2rem;
+    border-radius: 14px;
+    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
+}
+
+/* Main action button */
+.stButton > button {
+    width: 100%;
+    height: 3.2em;
+    border-radius: 10px;
+    background: linear-gradient(90deg, #2563eb, #1d4ed8);
+    color: white !important;
+    font-size: 17px;
+    font-weight: 600;
+    border: none;
+}
+
+</style>
+""", unsafe_allow_html=True)
+