Update app.py

app.py

@@ -21,43 +21,39 @@ for d in data:
 
 html = f"""
 <style>
-.leaderboard {{
+.table-leaderboard {{
     width: 100%;
-    border-collapse: separate;
-    border-spacing: 0 4px;
-    font-family: "Inter", sans-serif;
+    border-collapse: collapse;          /* solid grid, no card look */
+    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     font-size: 14px;
 }}
-
-.leaderboard thead th {{
+.table-leaderboard thead th {{
     text-align: left;
-    background: #f6f6f6;
     padding: 10px 12px;
+    background: #ffffff;                /* header now white */
     font-weight: 600;
-    border-bottom: 1px solid #ddd;
+    border: 1px solid #e5e5e5;
+    color: #111;
 }}
-
-.leaderboard tbody tr {{
-    background: white;
-    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
+.table-leaderboard tbody tr {{
+    background: #ffffff;                /* rows white */
 }}
-
-.leaderboard td {{
+.table-leaderboard td {{
     padding: 10px 12px;
-    vertical-align: middle;
+    font-size: 14px;
+    border: 1px solid #e5e5e5;          /* thin grid lines */
+    color: #111;
 }}
-
-.leaderboard a {{
-    color: #c62828;
+.table-leaderboard a {{
+    color: #0b57d0;                     /* cleaner link color */
     text-decoration: none;
 }}
-
-.leaderboard a:hover {{
+.table-leaderboard a:hover {{
     text-decoration: underline;
 }}
 </style>
 
-<table class="leaderboard">
+<table class="table-leaderboard">
 <thead>
 <tr>
   <th>Model Name</th>