Update app.py

app.py

@@ -281,6 +281,33 @@ h1 {
     margin-bottom: 20px; /* Spacing below the header */
 }
 
+/* Tab Button Styling */
+button[role="tab"] {
+    background-color: transparent; /* Make background transparent */
+    color: #3c6487; /* Text color matching the theme */
+    border: none; /* Remove default button border */
+    padding: 10px 15px; /* Padding for buttons */
+    font-size: 1.2rem; /* Font size for tab buttons */
+    cursor: pointer; /* Pointer on hover */
+    text-decoration: none; /* Remove underline */
+}
+
+button[role="tab"]:hover {
+    color: #ae1c93; /* Change color on hover */
+}
+
+/* Add a custom underline effect */
+button[role="tab"].selected::after {
+    content: ""; /* Empty content for underline */
+    display: block;
+    width: 100%; /* Full width */
+    height: 3px; /* Height of the underline */
+    background: #3c6487; /* Underline color */
+    position: absolute;
+    bottom: -5px; /* Position it below the text */
+    left: 0;
+}
+
 /* Input and Textarea Styling */
 textarea, input {
     background: white; /* Input background */
@@ -299,24 +326,22 @@ textarea:focus, input:focus {
 
 /* Button Styling */
 .gr-button {
-    background-color: #3c6487; /* Button color matches input fields */
+    background-color: #3c6487; /* Button background */
     color: white;
     border-radius: 8px;
-    padding: 10px 20px; /* Reduced padding */
+    padding: 10px 20px; /* Adjusted padding */
     font-size: 16px; /* Larger font size for buttons */
     border: none; /* No border */
     cursor: pointer; /* Pointer on hover */
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Shadow on button */
-    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transition for hover effects */
-    width: auto; /* Set to auto to avoid stretching full width */
 }
 
 .gr-button:hover {
-    background-color: #8f167b; /* Darker shade on hover */
+    background-color: #ae1c93; /* Change button color on hover */
 }
 
 .gr-button:active {
-    background-color: #7f156b; /* Even darker shade on active */
+    background-color: #8f167b; /* Even darker shade on active */
 }
 
 /* DataFrame Container Styling */