diff --git a/src/main/resources/css/styles.css b/src/main/resources/css/styles.css
index 5a2edbd..4a335f5 100644
--- a/src/main/resources/css/styles.css
+++ b/src/main/resources/css/styles.css
@@ -47,18 +47,21 @@
 }
 
 .project-list {
-    -fx-background-color: white;
+    -fx-background-color: #f1f5f9;
 }
 
 .project-card {
-    -fx-background-color: #f9fafb;
+    -fx-background-color: #e5e7eb;
     -fx-background-radius: 12;
+    -fx-border-color: #d1d5db;
+    -fx-border-radius: 12;
     -fx-padding: 16;
     -fx-cursor: hand;
+    -fx-effect: dropshadow(gaussian, rgba(15, 23, 42, 0.12), 6, 0, 0, 2);
 }
 
 .project-card:hover {
-    -fx-background-color: #f3f4f6;
+    -fx-background-color: #d4d4d8;
     -fx-translate-x: 4;
 }
 
@@ -97,21 +100,23 @@
 }
 
 .status-badge {
-    -fx-background-color: #d1fae5;
+    -fx-background-color: #a7f3d0;
     -fx-background-radius: 12;
     -fx-padding: 4 8;
+    -fx-text-fill: #065f46;
+    -fx-font-weight: 500;
 }
 
 .status-badge.synced {
-    -fx-background-color: #d1fae5;
+    -fx-background-color: #6ee7b7;
 }
 
 .status-badge.updates {
-    -fx-background-color: #fef3c7;
+    -fx-background-color: #facc15;
 }
 
 .status-badge.disconnected {
-    -fx-background-color: #f3f4f6;
+    -fx-background-color: #e5e7eb;
 }
 
 .status-dot {