diff --git a/front/src/App.vue b/front/src/App.vue
index 8a7f937..57d7d83 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -21,9 +21,9 @@ html, body {
   width: 100%;
 }
 body {
-  background: #0f172a;
+  background: #f0f4f8;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-  color: #f1f5f9;
+  color: #1e293b;
   min-height: 100vh;
 }
 #app {
diff --git a/front/src/components/UserCard.vue b/front/src/components/UserCard.vue
index 817cf46..aa80039 100644
--- a/front/src/components/UserCard.vue
+++ b/front/src/components/UserCard.vue
@@ -26,30 +26,31 @@ function onImgError(e: Event) {
   align-items: center;
   gap: 16px;
   padding: 16px;
-  background: #1e293b;
+  background: #ffffff;
   border-radius: 12px;
-  border: 1px solid #334155;
-  margin-bottom: 20px;
+  border: 1px solid #e2e8f0;
+  margin-bottom: 16px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
 }
 .avatar {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   object-fit: cover;
-  border: 2px solid #60a5fa;
+  border: 2px solid #3b82f6;
 }
 .info h3 {
   margin: 0 0 4px;
-  color: #f1f5f9;
+  color: #1e293b;
   font-size: 1.2rem;
 }
 .info p {
   margin: 2px 0;
-  color: #94a3b8;
+  color: #64748b;
   font-size: 0.9rem;
 }
 .fid {
-  color: #60a5fa;
+  color: #3b82f6;
   font-family: monospace;
 }
 </style>
diff --git a/front/src/views/HomeView.vue b/front/src/views/HomeView.vue
index 7d64d70..2469242 100644
--- a/front/src/views/HomeView.vue
+++ b/front/src/views/HomeView.vue
@@ -125,7 +125,7 @@ header {
   text-align: center;
   margin-bottom: 28px;
 }
-header h1 { font-size: 1.9rem; color: #f1f5f9; margin: 0 0 8px; }
+header h1 { font-size: 1.9rem; color: #1e293b; margin: 0 0 8px; }
 .subtitle { color: #64748b; margin: 0; font-size: 0.9rem; }
 
 .columns {
@@ -143,14 +143,15 @@ header h1 { font-size: 1.9rem; color: #f1f5f9; margin: 0 0 8px; }
 }
 
 .card {
-  background: #1e293b;
-  border: 1px solid #334155;
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
   border-radius: 12px;
   padding: 20px;
   margin-bottom: 16px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
 }
-.admin-card { border-style: dashed; border-color: #475569; }
-.section-title { margin: 0 0 10px; color: #94a3b8; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em; }
+.admin-card { border-style: dashed; border-color: #cbd5e1; }
+.section-title { margin: 0 0 10px; color: #64748b; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.05em; }
 
 .user-search { width: 100%; box-sizing: border-box; margin-bottom: 10px; font-size: 0.85rem; padding: 7px 10px; }
 .user-list { display: flex; flex-direction: column; gap: 6px; max-height: calc(100vh - 320px); overflow-y: auto; }
@@ -159,18 +160,18 @@ header h1 { font-size: 1.9rem; color: #f1f5f9; margin: 0 0 8px; }
   align-items: center;
   gap: 8px;
   padding: 8px 10px;
-  background: #0f172a;
-  border: 1px solid #334155;
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
   border-radius: 8px;
-  color: #cbd5e1;
+  color: #334155;
   font-size: 0.85rem;
   cursor: pointer;
   transition: all 0.15s;
   text-align: left;
   width: 100%;
 }
-.user-item:hover { border-color: #60a5fa; color: #f1f5f9; }
-.user-item.active { border-color: #3b82f6; background: #1e3a5f; color: #93c5fd; }
+.user-item:hover { border-color: #3b82f6; color: #1e293b; background: #f0f7ff; }
+.user-item.active { border-color: #3b82f6; background: #eff6ff; color: #2563eb; }
 .user-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
 .user-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
@@ -178,13 +179,13 @@ header h1 { font-size: 1.9rem; color: #f1f5f9; margin: 0 0 8px; }
 .input {
   flex: 1;
   padding: 10px 14px;
-  background: #0f172a;
-  border: 1px solid #334155;
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
   border-radius: 8px;
-  color: #f1f5f9;
+  color: #1e293b;
   font-size: 0.95rem;
 }
-.input:focus { outline: none; border-color: #60a5fa; }
+.input:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,0.1); }
 .input:disabled { opacity: 0.5; }
 .btn {
   padding: 10px 20px;
@@ -198,6 +199,6 @@ header h1 { font-size: 1.9rem; color: #f1f5f9; margin: 0 0 8px; }
 .btn:disabled { opacity: 0.5; cursor: not-allowed; }
 .btn-primary { background: #3b82f6; color: #fff; }
 .btn-primary:hover:not(:disabled) { background: #2563eb; }
-.error-msg { color: #f87171; font-size: 0.9rem; margin: 8px 0 0; }
-.empty { color: #475569; font-size: 0.9rem; margin: 0; text-align: center; padding: 12px 0; }
+.error-msg { color: #dc2626; font-size: 0.9rem; margin: 8px 0 0; }
+.empty { color: #94a3b8; font-size: 0.9rem; margin: 0; text-align: center; padding: 12px 0; }
 </style>