working on storage dashboard

frontend/src/index.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=JetBrains+Mono:wght@400;500&display=swap');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -55,6 +57,68 @@
   }
   body {
     @apply bg-background text-foreground;
+    font-family: 'Manrope', sans-serif;
+  }
+}
+
+/* Custom scrollbar for dark theme */
+.custom-scrollbar::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-track {
+  background: #111a22;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb {
+  background: #324d67;
+  border-radius: 4px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: #476685;
+}
+
+/* Electric glow animation for buttons */
+@keyframes electric-glow {
+  0%, 100% {
+    box-shadow: 0 0 8px rgba(19, 127, 236, 0.4),
+                0 0 16px rgba(19, 127, 236, 0.3),
+                0 0 24px rgba(19, 127, 236, 0.2),
+                inset 0 0 8px rgba(19, 127, 236, 0.1);
+  }
+  50% {
+    box-shadow: 0 0 12px rgba(19, 127, 236, 0.6),
+                0 0 24px rgba(19, 127, 236, 0.4),
+                0 0 36px rgba(19, 127, 236, 0.3),
+                inset 0 0 12px rgba(19, 127, 236, 0.15);
+  }
+}
+
+@keyframes electric-border {
+  0%, 100% {
+    border-color: rgba(19, 127, 236, 0.3);
+  }
+  50% {
+    border-color: rgba(19, 127, 236, 0.6);
+  }
+}
+
+.electric-glow {
+  animation: electric-glow 2.5s ease-in-out infinite;
+}
+
+.electric-glow-border {
+  animation: electric-border 2.5s ease-in-out infinite;
+}
+
+@keyframes shimmer {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
   }
 }