fix: Force teal color for success boxes and clean slider styling

Success boxes:
- Stronger CSS selectors to override Streamlit's green
- Force teal background on ALL success boxes
- Fix GPU Acceleration box to be teal
- Remove green icons and replace with teal

Sliders:
- Remove magenta highlight boxes from min/max values
- Keep only filled track and thumb in magenta
- Unfilled track in subtle grey
- Current value in magenta
- Min/max labels in normal grey text

Text inputs:
- Teal focus border instead of red

Result: Consistent teal/magenta theme throughout!

app.py

@@ -187,6 +187,11 @@ if page == "Garden Optimization":
     # Add custom teal and magenta color scheme
     st.markdown("""
         <style>
+        /* GLOBAL: Override ALL red colors with magenta */
+        * {
+            --primary-color: #C71585 !important;
+        }
+        
         /* Override Streamlit's default colors with teal and magenta */
         .stButton>button {
             background-color: #20B2AA !important;
@@ -216,16 +221,33 @@ if page == "Garden Optimization":
             color: #20B2AA !important;
         }
         
-        /* Success boxes with teal background */
-        .stAlert[data-baseweb="notification"][kind="success"] {
-            background-color: rgba(32,178,170,0.25) !important;
+        /* SUCCESS BOXES - FORCE TEAL EVERYWHERE (override default green) */
+        /* Target ALL possible success box selectors */
+        div[kind="success"],
+        .stAlert[kind="success"],
+        [data-testid="stNotification"][kind="success"],
+        [data-baseweb="notification"][kind="success"],
+        div[data-testid="stNotificationContentSuccess"],
+        section[data-testid="stSidebar"] div[kind="success"] {
+            background-color: rgba(32,178,170,0.3) !important;
             border-left: 4px solid #20B2AA !important;
-            color: #E0F7F7 !important;
+            border-color: #20B2AA !important;
         }
-        .stAlert[data-baseweb="notification"][kind="success"] [data-testid="stMarkdownContainer"] {
+        
+        /* Text color in success boxes */
+        div[kind="success"] *,
+        .stAlert[kind="success"] *,
+        [data-testid="stNotification"][kind="success"] * {
             color: #E0F7F7 !important;
         }
         
+        /* Remove any green icon or background */
+        div[kind="success"] svg,
+        .stAlert[kind="success"] svg {
+            color: #20B2AA !important;
+            fill: #20B2AA !important;
+        }
+        
         /* Info boxes - keep default blue/dark, no pink highlight */
         .stAlert[data-baseweb="notification"][kind="info"] {
             background-color: rgba(49, 51, 63, 0.4) !important;
@@ -263,27 +285,33 @@ if page == "Garden Optimization":
             background-color: #C71585 !important;
         }
         
-        /* Slider - all magenta (thumb, track, values) */
+        /* Slider styling - clean magenta and grey */
+        /* Slider thumb (the circle you drag) - magenta */
         .stSlider [data-baseweb="slider"] [role="slider"] {
             background-color: #C71585 !important;
         }
-        .stSlider [data-baseweb="slider"] [data-testid="stTickBar"] > div {
-            background-color: #C71585 !important;
-        }
-        .stSlider [data-baseweb="slider"] > div > div {
+        
+        /* Slider track - filled portion (left of thumb) - magenta */
+        .stSlider [data-baseweb="slider"] [data-testid="stTickBar"] > div:first-child {
             background-color: #C71585 !important;
         }
-        .stSlider [data-baseweb="slider"] > div > div > div {
-            background-color: #C71585 !important;
+        
+        /* Slider track - unfilled portion (right of thumb) - grey */
+        .stSlider [data-baseweb="slider"] [data-testid="stTickBar"] {
+            background-color: rgba(250, 250, 250, 0.2) !important;
         }
-        .stSlider [data-baseweb="slider"] [aria-valuetext]::before {
+        
+        /* Current value (the number above the thumb) - magenta */
+        .stSlider [data-testid="stThumbValue"] {
             color: #C71585 !important;
         }
-        /* Slider value labels - magenta */
+        
+        /* Min and max labels - normal grey text, NOT highlighted */
         .stSlider [data-testid="stTickBarMin"],
-        .stSlider [data-testid="stTickBarMax"],
-        .stSlider [data-testid="stThumbValue"] {
-            color: #C71585 !important;
+        .stSlider [data-testid="stTickBarMax"] {
+            color: rgba(250, 250, 250, 0.6) !important;
+            background-color: transparent !important;
+            padding: 0 !important;
         }
         
         /* Number input increment/decrement buttons - magenta */
@@ -294,6 +322,16 @@ if page == "Garden Optimization":
             background-color: rgba(199,21,133,0.1) !important;
         }
         
+        /* Text input fields - remove red focus/border, use teal */
+        .stTextInput input:focus,
+        .stTextInput input:active {
+            border-color: #20B2AA !important;
+            box-shadow: 0 0 0 0.2rem rgba(32,178,170,0.25) !important;
+        }
+        .stTextInput input {
+            border-color: rgba(250, 250, 250, 0.2) !important;
+        }
+        
         /* Step progress indicator with teal theme */
         .step-container {
             display: flex;