diff --git a/static/css/base.css b/static/css/base.css
index 161405d..c786217 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -28,7 +28,7 @@ html, body {
 
 :root {
   /* Colors */
-  --primary: #007bff;
+  --primary: #28a745;
   --secondary: #6c757d;
   --success: #28a745;
   --danger: #dc3545;
@@ -105,7 +105,7 @@ a {
 }
 
 a:hover {
-  color: #0056b3;
+  color: #1e7e34;
   text-decoration: underline;
 }
 
diff --git a/static/css/buttons.css b/static/css/buttons.css
index 41e2a0b..0e46e3a 100644
--- a/static/css/buttons.css
+++ b/static/css/buttons.css
@@ -116,14 +116,14 @@ button:not([class]):hover {
 
 .btn-primary:hover,
 .action-btn.primary:hover {
-  background: #0056b3;
-  border-color: #0056b3;
-  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
+  background: #1e7e34;
+  border-color: #1e7e34;
+  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
 }
 
 .btn-primary:active,
 .action-btn.primary:active {
-  background: #004085;
+  background: #155724;
   box-shadow: var(--shadow-sm);
 }
 
diff --git a/static/css/navbar.css b/static/css/navbar.css
index aa85a28..1faabef 100644
--- a/static/css/navbar.css
+++ b/static/css/navbar.css
@@ -89,10 +89,10 @@
 
 .nav-btn:hover {
   background: #e9ecef;
-  border-color: #007bff;
+  border-color: #28a745;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
   transform: translateY(-1px);
-  color: #007bff;
+  color: #28a745;
   text-decoration: none;
 }
 
@@ -112,13 +112,13 @@
    ============================================================================ */
 
 .nav-btn.active {
-  background: #007bff;
-  border-color: #0056b3;
+  background: #28a745;
+  border-color: #1e7e34;
   color: white;
 }
 
 .nav-btn.active:hover {
-  background: #0056b3;
+  background: #1e7e34;
   color: white;
 }
 
@@ -176,7 +176,7 @@
 
 .hamburger-menu:hover {
   background: #e9ecef;
-  border-color: #007bff;
+  border-color: #28a745;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
   transform: translateY(-1px);
 }
@@ -190,7 +190,7 @@
 }
 
 .hamburger-menu:hover .hamburger-line {
-  background: #007bff;
+  background: #28a745;
 }
 
 /* ============================================================================
diff --git a/templates/draft.html b/templates/draft.html
index ac68522..b23d1c6 100644
--- a/templates/draft.html
+++ b/templates/draft.html
@@ -80,8 +80,8 @@
 
     .round-nav-btn:hover {
       background: #e9ecef;
-      border-color: #007bff;
-      color: #007bff;
+      border-color: #28a745;
+      color: #28a745;
     }
 
     .round-nav-btn:disabled {
@@ -93,7 +93,7 @@
     .current-round-display {
       font-size: 1rem;
       font-weight: bold;
-      color: #007bff;
+      color: #28a745;
       margin: 0 15px;
       min-width: 140px;
       text-align: center;
@@ -122,7 +122,7 @@
     }
 
     .round-row.current {
-      border-left: 4px solid #007bff;
+      border-left: 4px solid #28a745;
       box-shadow: 0 4px 15px rgba(0, 123, 255, 0.25);
     }
 
@@ -171,7 +171,7 @@
     }
 
     .current-badge {
-      background: #007bff;
+      background: #28a745;
       color: white;
     }
 
diff --git a/templates/fullscreen.html b/templates/fullscreen.html
index 6c041f6..70783be 100644
--- a/templates/fullscreen.html
+++ b/templates/fullscreen.html
@@ -77,10 +77,10 @@
 
     .control-btn:hover {
       background: #e9ecef !important;
-      border-color: #007bff !important;
+      border-color: #28a745 !important;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
       transform: translateY(-1px) !important;
-      color: #007bff !important;
+      color: #28a745 !important;
     }
 
     .control-btn:active {
@@ -189,10 +189,10 @@
 
     .zoom-btn:hover {
       background: #e9ecef !important;
-      border-color: #007bff !important;
+      border-color: #28a745 !important;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
       transform: translateY(-1px) !important;
-      color: #007bff !important;
+      color: #28a745 !important;
     }
 
     .zoom-btn:active {
diff --git a/templates/index.html b/templates/index.html
index 2f604f9..3dda3ab 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -49,10 +49,10 @@
 
     .round-nav-btn:hover {
       background: #e9ecef;
-      border-color: #007bff;
+      border-color: #28a745;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
       transform: translateY(-1px);
-      color: #007bff;
+      color: #28a745;
     }
 
     .round-nav-btn:disabled {
@@ -230,7 +230,7 @@
 
     /* Camera Number Indicator */
     .card-header {
-      background: linear-gradient(90deg, #007bff 0%, #007bff 60px, #1a1a1a 60px);
+      background: linear-gradient(90deg, #28a745 0%, #28a745 60px, #1a1a1a 60px);
       border-bottom: 2px solid #333;
       padding: 12px 15px 12px 0;
       display: flex;
@@ -264,8 +264,8 @@
     }
 
     .camera-card:hover .card-header {
-      background: linear-gradient(90deg, #0056b3 0%, #0056b3 60px, #2d2d2d 60px);
-      border-bottom-color: #007bff;
+      background: linear-gradient(90deg, #1e7e34 0%, #1e7e34 60px, #2d2d2d 60px);
+      border-bottom-color: #28a745;
     }
 
     /* Tooltip for camera cards */
@@ -376,7 +376,7 @@
       margin: -5px 0 20px 0;
       font-size: 1.2rem;
       color: #2c3e50;
-      border-bottom: 3px solid #007bff;
+      border-bottom: 3px solid #28a745;
       padding-bottom: 8px;
       font-weight: 600;
       text-transform: uppercase;
@@ -442,13 +442,28 @@
 
     .nav-link:hover {
       background: #f8f9fa;
-      border-color: #007bff;
-      color: #007bff;
+      border-color: #28a745;
+      color: #28a745;
       transform: translateY(-2px);
       box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15);
       text-decoration: none !important;
     }
 
+    /* Yellow hollow style for first 3 tournament nav links */
+    .settings-group:has(h4[data-i18n="league.tournaments"]) .nav-link {
+      border: 2px solid #dee2e6;
+      background: white;
+      color: #333;
+      font-weight: 500;
+    }
+
+    .settings-group:has(h4[data-i18n="league.tournaments"]) .nav-link:hover {
+      background: #fffbf0;
+      border-color: #ffc107;
+      color: #ff9800;
+      box-shadow: 0 5px 12px rgba(255, 152, 0, 0.2);
+    }
+
     .camera-input {
       width: 100%;
       padding: 14px 18px;
@@ -464,21 +479,21 @@
     }
 
     .camera-input:focus {
-      border-color: #007bff;
+      border-color: #28a745;
       box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15);
       transform: translateY(-1px);
       outline: none;
     }
 
     .camera-input:hover:not(:focus) {
-      border-color: #007bff;
+      border-color: #28a745;
       box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15);
       transform: translateY(-1px);
     }
 
     .tournament-status-info {
       background: #f0f8ff;
-      border: 2px solid #007bff;
+      border: 2px solid #28a745;
       border-radius: 8px;
       padding: 15px;
       margin: 15px 0;
@@ -490,8 +505,8 @@
     }
 
     .tournament-btn {
-      background: #007bff !important;
-      border-color: #0056b3 !important;
+      background: #28a745 !important;
+      border-color: #1e7e34 !important;
       color: white !important;
       text-align: center;
       font-size: 0.95rem !important;
@@ -500,7 +515,7 @@
     }
 
     .tournament-btn:hover {
-      background: #0056b3 !important;
+      background: #1e7e34 !important;
       border-color: #004085 !important;
       color: white !important;
       text-decoration: none !important;
@@ -530,12 +545,12 @@
       }
 
       .card-header {
-        background: linear-gradient(90deg, #007bff 0%, #007bff 50px, #1a1a1a 50px);
+        background: linear-gradient(90deg, #28a745 0%, #28a745 50px, #1a1a1a 50px);
         padding: 10px 12px 10px 0;
       }
 
       .camera-card:hover .card-header {
-        background: linear-gradient(90deg, #0056b3 0%, #0056b3 50px, #2d2d2d 50px);
+        background: linear-gradient(90deg, #1e7e34 0%, #1e7e34 50px, #2d2d2d 50px);
       }
 
       .target-number {
@@ -592,12 +607,12 @@
       }
 
       .card-header {
-        background: linear-gradient(90deg, #007bff 0%, #007bff 45px, #1a1a1a 45px);
+        background: linear-gradient(90deg, #28a745 0%, #28a745 45px, #1a1a1a 45px);
         padding: 8px 10px 8px 0;
       }
 
       .camera-card:hover .card-header {
-        background: linear-gradient(90deg, #0056b3 0%, #0056b3 45px, #2d2d2d 45px);
+        background: linear-gradient(90deg, #1e7e34 0%, #1e7e34 45px, #2d2d2d 45px);
       }
 
       .target-number {
diff --git a/templates/league_scoreboard_display.html b/templates/league_scoreboard_display.html
index 26cbb47..4fa43aa 100644
--- a/templates/league_scoreboard_display.html
+++ b/templates/league_scoreboard_display.html
@@ -75,20 +75,20 @@
 
     .nav-btn:hover {
       background: #e9ecef;
-      border-color: #007bff;
+      border-color: #28a745;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
       transform: translateY(-1px);
-      color: #007bff;
+      color: #28a745;
     }
 
     .nav-btn.primary {
-      background: #007bff;
-      border-color: #0056b3;
+      background: #28a745;
+      border-color: #1e7e34;
       color: white;
     }
 
     .nav-btn.primary:hover {
-      background: #0056b3;
+      background: #1e7e34;
       color: white;
     }
 
@@ -313,7 +313,7 @@
     }
 
     .participant-id {
-      background: #007bff;
+      background: #28a745;
       color: white;
       padding: 3px 10px;
       border-radius: 12px;
@@ -492,7 +492,7 @@
     }
 
     .player-id {
-      background: #007bff;
+      background: #28a745;
       color: white;
       padding: 2px 5px;
       border-radius: 5px;
@@ -635,7 +635,7 @@
 
     .stat-value {
       font-weight: 600;
-      color: #007bff;
+      color: #28a745;
     }
 
     /* Mobile responsive */
diff --git a/templates/mobile_streams.html b/templates/mobile_streams.html
index 0c9efad..76f88fa 100644
--- a/templates/mobile_streams.html
+++ b/templates/mobile_streams.html
@@ -77,20 +77,20 @@
 
     .nav-btn:hover {
       background: #e9ecef;
-      border-color: #007bff;
+      border-color: #28a745;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
       transform: translateY(-1px);
-      color: #007bff;
+      color: #28a745;
     }
 
     .nav-btn.active {
-      background: #007bff;
-      border-color: #0056b3;
+      background: #28a745;
+      border-color: #1e7e34;
       color: white;
     }
 
     .nav-btn.active:hover {
-      background: #0056b3;
+      background: #1e7e34;
       color: white;
     }
 
@@ -165,7 +165,7 @@
     }
 
     .camera-option:hover {
-      border-color: #007bff;
+      border-color: #28a745;
       transform: translateY(-3px);
       box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
     }
@@ -360,7 +360,7 @@
     .results-indicator {
       display: inline-flex;
       align-items: center;
-      background: #007bff;
+      background: #28a745;
       color: white;
       padding: 2px 6px;
       border-radius: 8px;
diff --git a/templates/modern_archive_index.html b/templates/modern_archive_index.html
index b38318c..7c282db 100644
--- a/templates/modern_archive_index.html
+++ b/templates/modern_archive_index.html
@@ -85,7 +85,7 @@
       font-weight: bold;
       color: #333;
       margin-bottom: 20px;
-      border-bottom: 3px solid #007bff;
+      border-bottom: 3px solid #28a745;
       padding-bottom: 10px;
     }
 
@@ -110,7 +110,7 @@
 
     .search-box:focus {
       outline: none;
-      border-color: #007bff;
+      border-color: #28a745;
     }
 
     .filter-group {
@@ -140,9 +140,9 @@
     }
 
     .filter-btn.active {
-      background: #007bff;
+      background: #28a745;
       color: white;
-      border-color: #007bff;
+      border-color: #28a745;
     }
 
     .league-filter-btn {
@@ -159,9 +159,9 @@
     }
 
     .league-filter-btn.active {
-      background: #007bff;
+      background: #28a745;
       color: white;
-      border-color: #007bff;
+      border-color: #28a745;
     }
 
     .sort-select {
@@ -177,7 +177,7 @@
 
     .sort-select:focus {
       outline: none;
-      border-color: #007bff;
+      border-color: #28a745;
     }
 
     /* List View Table */
@@ -294,7 +294,7 @@
 
     .tournament-name {
       font-weight: 600;
-      color: #007bff;
+      color: #28a745;
     }
 
     .tournament-type {
@@ -339,7 +339,7 @@
     }
 
     .view-btn {
-      background: #007bff;
+      background: #28a745;
       color: white;
       border: none;
       padding: 6px 16px;
@@ -353,7 +353,7 @@
     }
 
     .view-btn:hover {
-      background: #0056b3;
+      background: #1e7e34;
       transform: translateY(-2px);
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     }
diff --git a/templates/modern_player_analysis.html b/templates/modern_player_analysis.html
index b6aeeb3..2a58604 100644
--- a/templates/modern_player_analysis.html
+++ b/templates/modern_player_analysis.html
@@ -92,31 +92,37 @@
         /* Tab Navigation */
         .tab-navigation {
             display: flex;
-            gap: 5px;
+            gap: 15px;
             margin-bottom: 25px;
-            border-bottom: 2px solid #f1f3f4;
         }
 
         .tab-btn {
-            background: none;
-            border: none;
-            padding: 12px 24px;
+            flex: 1;
+            background: #f8f9fa;
+            border: 2px solid #e9ecef;
+            padding: 14px 24px;
             cursor: pointer;
-            font-size: 1rem;
+            font-size: 1.05rem;
             font-weight: 600;
             color: #666;
-            border-bottom: 3px solid transparent;
+            border-radius: 8px;
             transition: all 0.3s ease;
+            min-height: 50px;
         }
 
         .tab-btn.active {
-            color: #007bff;
-            border-bottom-color: #007bff;
+            background: #28a745;
+            border-color: #1e7e34;
+            color: white;
+            box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
         }
 
         .tab-btn:hover {
-            color: #007bff;
-            background: rgba(0, 123, 255, 0.05);
+            background: #28a745;
+            border-color: #1e7e34;
+            color: white;
+            box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
+            transform: translateY(-2px);
         }
 
         .tab-content {
@@ -401,7 +407,7 @@
 
         .search-box:focus {
             outline: none;
-            border-color: #007bff;
+            border-color: #28a745;
             box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
         }
 
@@ -418,7 +424,7 @@
 
         .sort-select:focus {
             outline: none;
-            border-color: #007bff;
+            border-color: #28a745;
         }
 
         .filter-buttons {
@@ -439,13 +445,13 @@
         }
 
         .filter-btn.active {
-            background: #007bff;
+            background: #28a745;
             color: white;
-            border-color: #007bff;
+            border-color: #28a745;
         }
 
         .filter-btn:hover {
-            border-color: #007bff;
+            border-color: #28a745;
             transform: translateY(-1px);
         }
 
@@ -573,7 +579,7 @@
             width: 30px;
             height: 30px;
             border: 3px solid #f3f3f3;
-            border-top: 3px solid #007bff;
+            border-top: 3px solid #28a745;
             border-radius: 50%;
             animation: spin 1s linear infinite;
             margin: 0 auto 10px;
@@ -685,13 +691,14 @@
             }
 
             .tab-navigation {
-                flex-wrap: wrap;
-                gap: 2px;
+                flex-direction: column;
+                gap: 10px;
             }
 
             .tab-btn {
-                padding: 8px 16px;
-                font-size: 0.9rem;
+                padding: 12px 20px;
+                font-size: 0.95rem;
+                min-height: 45px;
             }
         }
     </style>
diff --git a/templates/modern_player_stats.html b/templates/modern_player_stats.html
index 8dc11c1..f08d95a 100644
--- a/templates/modern_player_stats.html
+++ b/templates/modern_player_stats.html
@@ -95,7 +95,7 @@
             font-weight: bold;
             color: #333;
             margin-bottom: 15px;
-            border-bottom: 2px solid #007bff;
+            border-bottom: 2px solid #28a745;
             padding-bottom: 5px;
         }
 
@@ -119,7 +119,7 @@
         .stat-value {
             font-size: 1.4rem;
             font-weight: bold;
-            color: #007bff;
+            color: #28a745;
             margin-bottom: 3px;
         }
 
@@ -169,7 +169,7 @@
         }
 
         .type-btn:hover {
-            border-color: #007bff;
+            border-color: #28a745;
             transform: translateY(-1px);
         }
 
@@ -439,8 +439,8 @@
         }
 
         .history-tab.active {
-            background: #007bff;
-            border-color: #007bff;
+            background: #28a745;
+            border-color: #28a745;
             color: white;
         }
 
@@ -524,13 +524,13 @@
         }
 
         .view-link {
-            color: #007bff;
+            color: #28a745;
             font-weight: 600;
             transition: color 0.2s ease;
         }
 
         .history-table-row:hover .view-link {
-            color: #0056b3;
+            color: #1e7e34;
         }
 
         .joker-badge {
@@ -568,7 +568,7 @@
         .placer-stat-value {
             font-size: 1.8rem;
             font-weight: 700;
-            color: #007bff;
+            color: #28a745;
             margin-bottom: 4px;
         }
 
diff --git a/templates/results_calculator.html b/templates/results_calculator.html
index e69c238..9ce4b1d 100644
--- a/templates/results_calculator.html
+++ b/templates/results_calculator.html
@@ -228,7 +228,7 @@
     }
 
     .participant-id {
-      background: #007bff;
+      background: #28a745;
       color: white;
       padding: 6px 15px;
       border-radius: 15px;
@@ -461,7 +461,7 @@
 
     .shot-input:focus {
       outline: none;
-      border-color: #007bff;
+      border-color: #28a745;
       box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
     }
 
@@ -506,12 +506,12 @@
     }
 
     .save-btn {
-      background: #007bff;
+      background: #28a745;
       color: white;
     }
 
     .save-btn:hover {
-      background: #0056b3;
+      background: #1e7e34;
     }
 
     .auto-fill-btn {
@@ -592,7 +592,7 @@
       height: 20px;
       margin: -10px 0 0 -10px;
       border: 2px solid #f3f3f3;
-      border-top: 2px solid #007bff;
+      border-top: 2px solid #28a745;
       border-radius: 50%;
       animation: spin 1s linear infinite;
     }
diff --git a/templates/results_display.html b/templates/results_display.html
index 4329766..5e8ee2b 100644
--- a/templates/results_display.html
+++ b/templates/results_display.html
@@ -75,20 +75,20 @@
 
     .nav-btn:hover {
       background: #e9ecef;
-      border-color: #007bff;
+      border-color: #28a745;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
       transform: translateY(-1px);
-      color: #007bff;
+      color: #28a745;
     }
 
     .nav-btn.primary {
-      background: #007bff;
-      border-color: #0056b3;
+      background: #28a745;
+      border-color: #1e7e34;
       color: white;
     }
 
     .nav-btn.primary:hover {
-      background: #0056b3;
+      background: #1e7e34;
       color: white;
     }
 
@@ -306,7 +306,7 @@
     }
 
     .participant-id {
-      background: #007bff;
+      background: #28a745;
       color: white;
       padding: 3px 10px;
       border-radius: 12px;
@@ -498,7 +498,7 @@
 
     .stat-value {
       font-weight: 600;
-      color: #007bff;
+      color: #28a745;
     }
 
     /* Responsive styles */
diff --git a/templates/tournament.html b/templates/tournament.html
index 4796907..b26dfce 100644
--- a/templates/tournament.html
+++ b/templates/tournament.html
@@ -26,7 +26,7 @@
       font-weight: bold;
       color: #333;
       margin-bottom: 20px;
-      border-bottom: 3px solid #007bff;
+      border-bottom: 3px solid #28a745;
       padding-bottom: 8px;
     }
 
@@ -81,7 +81,7 @@
       color: #333;
       margin: 0 0 15px 0;
       padding-bottom: 10px;
-      border-bottom: 3px solid #007bff;
+      border-bottom: 3px solid #28a745;
     }
 
     .league-tournament-card.league h3 {
@@ -89,7 +89,7 @@
     }
 
     .league-tournament-card.tournament h3 {
-      border-bottom-color: #007bff;
+      border-bottom-color: #28a745;
     }
 
     .compact-info-grid {
@@ -229,18 +229,18 @@
     /* Active - Blue with animation */
     .tournament-progress-dot.active {
       background: linear-gradient(135deg, #cfe2ff 0%, #e7f1ff 100%);
-      border-color: #0056b3;
+      border-color: #1e7e34;
       border-width: 3px;
       box-shadow: 0 4px 16px rgba(0, 123, 255, 0.3);
     }
 
     .tournament-progress-dot.active .dot-number {
-      color: #0056b3;
+      color: #1e7e34;
       animation: pulse-dot 1.5s infinite;
     }
 
     .tournament-progress-dot.active::after {
-      color: #007bff;
+      color: #28a745;
       animation: pulse-arrow 1.5s infinite;
     }
 
@@ -341,14 +341,14 @@
     /* Round Active - Blue */
     .round-progress-dot.active {
       background: linear-gradient(135deg, #cfe2ff 0%, #e7f1ff 100%);
-      border-color: #0056b3;
+      border-color: #1e7e34;
       border-width: 2px;
-      color: #0056b3;
+      color: #1e7e34;
       box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
     }
 
     .round-progress-dot.active::after {
-      color: #007bff;
+      color: #28a745;
     }
 
     /* Round Completed - Green */
@@ -406,12 +406,12 @@
     }
 
     .tournament-card.active {
-      border-color: #007bff;
+      border-color: #28a745;
       box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
     }
 
     .tournament-card.active::before {
-      background: linear-gradient(90deg, #007bff 0%, #0056b3 100%);
+      background: linear-gradient(90deg, #28a745 0%, #1e7e34 100%);
     }
 
     .tournament-card.completed {
@@ -432,7 +432,7 @@
     .tournament-card-number {
       font-size: 1.4rem;
       font-weight: bold;
-      color: #007bff;
+      color: #28a745;
       background: #e7f1ff;
       width: 50px;
       height: 50px;
@@ -757,7 +757,7 @@
     }
 
     .action-btn {
-      background: #007bff;
+      background: #28a745;
       border: none;
       color: white;
       padding: 15px 30px;
@@ -772,7 +772,7 @@
     }
 
     .action-btn:hover {
-      background: #0056b3;
+      background: #1e7e34;
       transform: translateY(-1px);
       box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
     }
@@ -879,7 +879,7 @@
 
     .search-input:focus {
       outline: none;
-      border-color: #007bff;
+      border-color: #28a745;
     }
 
     .search-icon {
@@ -911,14 +911,14 @@
     }
 
     .filter-btn:hover {
-      border-color: #007bff;
+      border-color: #28a745;
       background: #f8f9fa;
     }
 
     .filter-btn.active {
-      background: #007bff;
+      background: #28a745;
       color: white;
-      border-color: #007bff;
+      border-color: #28a745;
     }
 
     .bulk-actions {
@@ -974,7 +974,7 @@
 
     .add-player-form input:focus {
       outline: none;
-      border-color: #007bff;
+      border-color: #28a745;
     }
 
     .add-btn {
@@ -1046,7 +1046,7 @@
 
     .player-id {
       font-weight: bold;
-      color: #007bff;
+      color: #28a745;
       min-width: 50px;
     }
 
@@ -1063,7 +1063,7 @@
     .player-name input {
       width: 100%;
       padding: 8px 12px;
-      border: 2px solid #007bff;
+      border: 2px solid #28a745;
       border-radius: 4px;
       font-size: 1rem;
       font-weight: 500;
@@ -1197,7 +1197,7 @@
     }
 
     .stat-total {
-      color: #007bff;
+      color: #28a745;
     }
 
     .no-results {