diff --git a/__pycache__/app.cpython-313.pyc b/__pycache__/app.cpython-313.pyc
index 8178580..cbfd815 100644
Binary files a/__pycache__/app.cpython-313.pyc and b/__pycache__/app.cpython-313.pyc differ
diff --git a/templates/profile.html b/templates/profile.html
index 3a14cab..68e8b04 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -4,17 +4,53 @@
 
 {% block extra_css %}
 <style>
+  /* Gradient Text Styles */
+  .text-gradient-purple-blue {
+    background: linear-gradient(135deg, #b38fff, #58a9ff);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+  
+  .text-gradient-blue-cyan {
+    background: linear-gradient(135deg, #58a9ff, #38bdf8);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+  
+  .text-gradient-cyan-teal {
+    background: linear-gradient(135deg, #38bdf8, #14b8a6);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+  
+  .text-gradient-teal-green {
+    background: linear-gradient(135deg, #14b8a6, #22c55e);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+  
+  .text-gradient-green-yellow {
+    background: linear-gradient(135deg, #22c55e, #eab308);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
   /* Grundstile für das Profil mit verbessertem Glasmorphismus */
   .profile-container {
     background: rgba(24, 28, 45, 0.75);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
-    border: 1px solid rgba(255, 255, 255, 0.12);
+    border: 1px solid rgba(255, 255, 255, 0.15);
     border-radius: 24px;
-    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
+    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35),
+                0 8px 16px rgba(179, 143, 255, 0.1);
     padding: 2rem;
     margin-bottom: 2rem;
-    transition: all 0.3s ease;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   }
   
   .profile-container:hover {
@@ -189,34 +225,62 @@
     overflow-x: auto;
     scrollbar-width: thin;
     scrollbar-color: rgba(179, 143, 255, 0.5) rgba(255, 255, 255, 0.05);
+    padding: 0.5rem;
+    background: rgba(24, 28, 45, 0.4);
+    border-radius: 16px 16px 0 0;
+    gap: 0.5rem;
   }
   
   .profile-tab {
-    padding: 1rem 1.5rem;
+    padding: 0.75rem 1.25rem;
     font-weight: 600;
     color: rgba(255, 255, 255, 0.7);
     border-bottom: 3px solid transparent;
-    transition: all 0.3s ease;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     cursor: pointer;
     white-space: nowrap;
+    border-radius: 12px;
+    position: relative;
+    overflow: hidden;
   }
   
   .profile-tab:hover {
     color: rgba(255, 255, 255, 0.9);
-    background: rgba(255, 255, 255, 0.05);
+    background: rgba(255, 255, 255, 0.1);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  }
+
+  .profile-tab::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(135deg, rgba(179, 143, 255, 0.1), rgba(88, 169, 255, 0.1));
+    opacity: 0;
+    transition: opacity 0.3s ease;
+  }
+
+  .profile-tab:hover::before {
+    opacity: 1;
   }
   
   .profile-tab.active {
     color: #b38fff;
     border-bottom: 3px solid #b38fff;
-    background: rgba(179, 143, 255, 0.1);
+    background: rgba(179, 143, 255, 0.15);
+    box-shadow: 0 4px 15px rgba(179, 143, 255, 0.2);
+    transform: translateY(-2px);
   }
   
   /* Aktivitäten und Beiträge */
   .activity-feed {
     display: flex;
     flex-direction: column;
-    gap: 1.25rem;
+    gap: 1.5rem;
+    padding: 0.5rem;
   }
   
   .activity-card {
@@ -224,15 +288,18 @@
     border-radius: 20px;
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.1);
-    transition: all 0.3s ease;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     backdrop-filter: blur(15px);
     -webkit-backdrop-filter: blur(15px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1),
+                0 4px 8px rgba(179, 143, 255, 0.05);
   }
   
   .activity-card:hover {
-    transform: translateY(-3px);
-    border: 1px solid rgba(255, 255, 255, 0.15);
-    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), 0 0 15px rgba(179, 143, 255, 0.15);
+    transform: translateY(-5px);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25),
+                0 8px 24px rgba(179, 143, 255, 0.15);
   }
   
   .activity-header {
@@ -418,18 +485,49 @@
     color: #4a5568;
   }
   
-  body:not(.dark) .stat-item,
-  body:not(.dark) .settings-input {
-    background: rgba(255, 255, 255, 0.7);
-    border: 1px solid rgba(0, 0, 0, 0.05);
+  /* Light Mode Statistik-Karten */
+  body:not(.dark) .stat-item {
+    background: rgba(255, 255, 255, 0.95);
+    border: 1px solid rgba(0, 0, 0, 0.08);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
   }
-  
+
+  body:not(.dark) .stat-item:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1),
+                0 4px 8px rgba(126, 63, 242, 0.1);
+    border-color: rgba(126, 63, 242, 0.2);
+  }
+
+  body:not(.dark) .stat-icon {
+    background: rgba(126, 63, 242, 0.1);
+  }
+
   body:not(.dark) .stat-value {
-    background: linear-gradient(135deg, #7e3ff2, #3282f6);
+    background: linear-gradient(135deg, #7c3aed, #3b82f6);
+    color: transparent;
+    -webkit-background-clip: text;
+    background-clip: text;
   }
-  
+
   body:not(.dark) .stat-label {
-    color: #4a5568;
+    color: #64748b;
+  }
+
+  /* Light Mode Einstellungen */
+  body:not(.dark) .settings-input {
+    background: rgba(255, 255, 255, 0.95);
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    color: #1e293b;
+  }
+
+  body:not(.dark) .settings-input:focus {
+    border-color: rgba(124, 58, 237, 0.4);
+    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
+  }
+
+  body:not(.dark) .settings-input::placeholder {
+    color: #94a3b8;
   }
   
   body:not(.dark) .profile-tab {
@@ -616,50 +714,60 @@
     </div>
     
     <!-- Statistiken -->
-    <div class="profile-stats">
+    <div class="profile-stats grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mt-6">
       <!-- Gedanken -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-lightbulb"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-purple-500/20 to-blue-500/20 mb-3">
+          <i class="fas fa-lightbulb text-xl text-gradient-purple-blue"></i>
         </div>
-        <div class="stat-value">{{ stats.thought_count if stats and stats.thought_count else 0 }}</div>
-        <div class="stat-label">Gedanken</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-purple-400 to-blue-400 bg-clip-text text-transparent">
+          {{ stats.thought_count if stats and stats.thought_count else 0 }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Gedanken</div>
       </div>
       
       <!-- Verbindungen -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-project-diagram"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-blue-500/20 to-cyan-500/20 mb-3">
+          <i class="fas fa-project-diagram text-xl text-gradient-blue-cyan"></i>
         </div>
-        <div class="stat-value">{{ stats.connections_count if stats and stats.connections_count else 0 }}</div>
-        <div class="stat-label">Verbindungen</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-blue-400 to-cyan-400 bg-clip-text text-transparent">
+          {{ stats.connections_count if stats and stats.connections_count else 0 }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Verbindungen</div>
       </div>
       
       <!-- Follower -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-users"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-cyan-500/20 to-teal-500/20 mb-3">
+          <i class="fas fa-users text-xl text-gradient-cyan-teal"></i>
         </div>
-        <div class="stat-value">{{ stats.followers_count if stats and stats.followers_count else 0 }}</div>
-        <div class="stat-label">Follower</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-cyan-400 to-teal-400 bg-clip-text text-transparent">
+          {{ stats.followers_count if stats and stats.followers_count else 0 }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Follower</div>
       </div>
       
       <!-- Beiträge -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-comment-dots"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-teal-500/20 to-green-500/20 mb-3">
+          <i class="fas fa-comment-dots text-xl text-gradient-teal-green"></i>
         </div>
-        <div class="stat-value">{{ stats.contributions_count if stats and stats.contributions_count else 0 }}</div>
-        <div class="stat-label">Beiträge</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-teal-400 to-green-400 bg-clip-text text-transparent">
+          {{ stats.contributions_count if stats and stats.contributions_count else 0 }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Beiträge</div>
       </div>
       
       <!-- Bewertung -->
-      <div class="stat-item">
-        <div class="stat-icon">
-          <i class="fas fa-star"></i>
+      <div class="stat-item bg-opacity-70 backdrop-blur-md rounded-xl p-4 flex flex-col items-center justify-center transition-all duration-300 hover:transform hover:scale-105">
+        <div class="stat-icon w-12 h-12 rounded-full flex items-center justify-center bg-gradient-to-br from-green-500/20 to-yellow-500/20 mb-3">
+          <i class="fas fa-star text-xl text-gradient-green-yellow"></i>
         </div>
-        <div class="stat-value">{{ stats.rating if stats and stats.rating else '0.0' }}</div>
-        <div class="stat-label">Bewertung</div>
+        <div class="stat-value text-2xl font-bold mb-1 bg-gradient-to-r from-green-400 to-yellow-400 bg-clip-text text-transparent">
+          {{ stats.rating if stats and stats.rating else '0.0' }}
+        </div>
+        <div class="stat-label text-sm text-gray-400">Bewertung</div>
       </div>
     </div>
   </div>