diff --git a/public/css/admin-dashboard.css b/public/css/admin-dashboard.css
index 9a41214..5931dfb 100644
--- a/public/css/admin-dashboard.css
+++ b/public/css/admin-dashboard.css
@@ -124,7 +124,7 @@ body {
 }
 
 .card h3 {
-    color: #1e3c72;
+    color: #00d4ff;
     margin-bottom: 15px;
     display: flex;
     align-items: center;
@@ -421,7 +421,7 @@ body {
 
 .page-stats-content .page-count {
     background: #00d4ff;
-    color: #0a0a0f;
+    color: #00d4ff;
     padding: 4px 8px;
     border-radius: 12px;
     font-size: 0.8em;
@@ -430,14 +430,14 @@ body {
 
 /* Link Statistics Styles */
 .link-stats-section {
-    background: #f8f9fa;
+    background: #1a1a2f;
     border-radius: 8px;
     padding: 20px;
     margin-top: 20px;
 }
 
 .link-stats-section h3 {
-    color: #1e3c72;
+    color: #00d4ff;
     margin-bottom: 15px;
     font-size: 1.3em;
 }
diff --git a/public/js/admin-dashboard.js b/public/js/admin-dashboard.js
index 5a70d17..ddc68dc 100644
--- a/public/js/admin-dashboard.js
+++ b/public/js/admin-dashboard.js
@@ -140,7 +140,7 @@ function displayPageStats(containerId, stats) {
     const mainPageStat = stats.find(stat => stat.page === 'main_page_visit');
     const count = mainPageStat ? mainPageStat.count : 0;
     
-    container.innerHTML = `<div style="font-size: 1.5em; font-weight: bold; color: #1e3c72;">${count}</div>`;
+    container.innerHTML = `<div style="font-size: 1.5em; font-weight: bold; color: #00d4ff;">${count}</div>`;
 }
 
 function getPageDisplayName(page) {