Update app.py

app.py

@@ -11,23 +11,33 @@ PROFIT_MARGIN = 0.25
 st.markdown(
     """
     <style>
+    /* Main content background */
     .main {
         background-color: #f5f5f5;
         padding: 2rem;
     }
-    .sidebar .sidebar-content {
-        background-color: #1E90FF;  /* Blue color for sidebar */
+
+    /* Sidebar styling */
+    div[data-testid="stSidebar"] > div:first-child {
+        background-color: #1E90FF !important;  /* Blue color for sidebar */
         padding: 1rem;
         border-radius: 10px;
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        color: white;  /* White text for better contrast */
-    }
-    .sidebar .sidebar-content h1, .sidebar .sidebar-content h2, .sidebar .sidebar-content h3, .sidebar .sidebar-content h4, .sidebar .sidebar-content h5, .sidebar .sidebar-content h6 {
-        color: white;  /* White text for headings */
+        color: white !important;  /* White text for better contrast */
     }
-    .sidebar .sidebar-content label {
-        color: white;  /* White text for labels */
+
+    /* Sidebar headings and labels */
+    div[data-testid="stSidebar"] h1,
+    div[data-testid="stSidebar"] h2,
+    div[data-testid="stSidebar"] h3,
+    div[data-testid="stSidebar"] h4,
+    div[data-testid="stSidebar"] h5,
+    div[data-testid="stSidebar"] h6,
+    div[data-testid="stSidebar"] label {
+        color: white !important;  /* White text for headings and labels */
     }
+
+    /* Cards for search results */
     .card {
         background-color: #ffffff;
         padding: 1.5rem;
@@ -35,6 +45,8 @@ st.markdown(
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         margin-bottom: 1rem;
     }
+
+    /* Button styling */
     .stButton button {
         background-color: #4CAF50;
         color: white;