fix: notification system - timer race condition, success color, z-index above modals

- Cancel previous timer before starting new one (prevents early dismissal)
- Add green background for type='success' notifications
- Bump z-index from 1000 to 3000 so notifications show above modals
- Add fade-out transition for smoother dismissal

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';
   
+  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);
 }