feat: implement premium UI, mobile responsiveness, and message status LEDs

client/src/style.css

@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 body {
-  @apply bg-crypto-dark text-crypto-text overflow-hidden;
+  @apply bg-discord-dark text-crypto-text overflow-hidden antialiased;
 }
 
 /* Custom Scrollbar */
@@ -12,21 +12,48 @@ body {
 }
 
 ::-webkit-scrollbar-track {
-  @apply bg-crypto-dark;
+  @apply bg-discord-black;
 }
 
 ::-webkit-scrollbar-thumb {
-  @apply bg-crypto-panel rounded;
+  @apply bg-discord-sidebar rounded-full;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  @apply bg-crypto-muted;
+  @apply bg-white/10;
 }
 
 .glass {
-  @apply backdrop-blur-md bg-white/5 border border-white/10;
+  @apply backdrop-blur-md bg-white/[0.03] border border-white/10;
 }
 
 .glass-panel {
-  @apply backdrop-blur-xl bg-black/40 border-r border-white/5;
+  @apply backdrop-blur-xl bg-discord-sidebar/80 border-r border-white/5;
+}
+
+.led {
+  @apply w-2 h-2 rounded-full shadow-lg;
+}
+
+.led-orange {
+  @apply bg-status-pending shadow-status-pending/50 animate-led-pulse;
+}
+
+.led-green {
+  @apply bg-status-validated shadow-status-validated/50;
+}
+
+.led-red {
+  @apply bg-status-failed shadow-status-failed/50 animate-pulse;
+}
+
+/* Mobile responsiveness helpers */
+@media (max-width: 768px) {
+  .sidebar-hidden {
+    @apply -translate-x-full;
+  }
+
+  .sidebar-visible {
+    @apply translate-x-0;
+  }
 }