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

client/tailwind.config.js

@@ -12,18 +12,34 @@ export default {
                 'crypto-accent': '#8b5cf6', // Violet
                 'crypto-text': '#e2e8f0',
                 'crypto-muted': '#94a3b8',
+                'discord-dark': '#313338',
+                'discord-sidebar': '#2b2d31',
+                'discord-black': '#1e1f22',
+                'status-pending': '#f59e0b', // Orange
+                'status-validated': '#10b981', // Green
+                'status-failed': '#ef4444', // Red
             },
             fontFamily: {
-                sans: ['Inter', 'sans-serif'],
+                sans: ['Inter', 'sans-serif', 'system-ui'],
             },
             animation: {
                 'fade-in-up': 'fadeInUp 0.3s ease-out',
                 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+                'pop-in': 'popIn 0.2s cubic-bezier(0.26, 0.53, 0.74, 1.48)',
+                'led-pulse': 'ledPulse 2s infinite',
             },
             keyframes: {
                 fadeInUp: {
                     '0%': { opacity: '0', transform: 'translateY(10px)' },
                     '100%': { opacity: '1', transform: 'translateY(0)' },
+                },
+                popIn: {
+                    '0%': { opacity: '0', transform: 'scale(0.8)' },
+                    '100%': { opacity: '1', transform: 'scale(1)' },
+                },
+                ledPulse: {
+                    '0%, 100%': { opacity: '1', transform: 'scale(1)' },
+                    '50%': { opacity: '0.6', transform: 'scale(0.95)' },
                 }
             }
         },