Enhance Streamlit tab styling with gold color scheme and interactive design

Refine tab appearance by introducing a gold color palette, improved spacing, and hover effects. The update includes:
- Gold background for tabs
- Increased tab spacing
- Rounded tab edges
- Hover and selection state styling
- Improved visual hierarchy and interactivity

app.py

@@ -73,25 +73,33 @@ sim_all_hold = pd.DataFrame(columns=['Player', 'Team', 'Book', 'Prop Type', 'Pro
 
 st.markdown("""
 <style>
-
-	.stTabs [data-baseweb="tab-list"] {
-		gap: 2px;
+    .stTabs [data-baseweb="tab-list"] {
+        gap: 8px;  /* Increased spacing between tabs */
+        padding: 4px;
     }
 
-	.stTabs [data-baseweb="tab"] {
-		height: 50px;
+    .stTabs [data-baseweb="tab"] {
+        height: 50px;
         white-space: pre-wrap;
-		background-color: #F0F2F6;
-		border-radius: 4px 4px 0px 0px;
-		gap: 1px;
-		padding-top: 10px;
-		padding-bottom: 10px;
+        background-color: #FFD700;  /* Gold background */
+        color: white;  /* White text */
+        border-radius: 10px;  /* Rounded edges */
+        gap: 1px;
+        padding: 10px 20px;
+        font-weight: bold;
+        transition: all 0.3s ease;
     }
 
-	.stTabs [aria-selected="true"] {
-  		background-color: #FFFFFF;
-	}
+    .stTabs [aria-selected="true"] {
+        background-color: #DAA520;  /* Darker gold when selected */
+        color: white;
+    }
 
+    /* Hover effect */
+    .stTabs [data-baseweb="tab"]:hover {
+        background-color: #DAA520;
+        cursor: pointer;
+    }
 </style>""", unsafe_allow_html=True)
 
 def calculate_poisson(row):