diff --git a/bot/static/index.html b/bot/static/index.html
index 1471042..f519b3a 100644
--- a/bot/static/index.html
+++ b/bot/static/index.html
@@ -89,8 +89,9 @@
       border-radius: 8px;
       opacity: 0.95;
       display: none;
-      z-index: 1000;
+      z-index: 3000;
       font-size: 0.9rem;
+      transition: opacity 0.3s ease;
     }
 
     .server-card {
@@ -1938,14 +1939,29 @@ document.addEventListener('DOMContentLoaded', function() {
 });
 
 // Utility functions
+let notificationTimer = null;
+
 function showNotification(message, type = 'info') {
   const notification = document.getElementById('notification');
   notification.textContent = message;
   notification.style.display = 'block';
-  notification.style.backgroundColor = type === 'error' ? '#d32f2f' : '#222';
+  notification.style.opacity = '0.95';
   
-  setTimeout(() => {
-    notification.style.display = 'none';
+  if (type === 'error') {
+    notification.style.backgroundColor = '#d32f2f';
+  } else if (type === 'success') {
+    notification.style.backgroundColor = '#2e7d32';
+  } else {
+    notification.style.backgroundColor = '#222';
+  }
+  
+  if (notificationTimer) clearTimeout(notificationTimer);
+  notificationTimer = setTimeout(() => {
+    notification.style.opacity = '0';
+    setTimeout(() => {
+      notification.style.display = 'none';
+      notificationTimer = null;
+    }, 300);
   }, 3000);
 }