redesign: modern dark dashboard WOW effect - gradients, animations, new layout

tailwind.config.ts

@@ -36,10 +36,10 @@ const config: Config = {
           foreground: "hsl(var(--card-foreground))",
         },
         dash: {
-          bg: "#0a0a0f",
-          surface: "#111118",
-          elevated: "#1a1a24",
-          border: "rgba(255,255,255,0.06)",
+          bg: "#080810",
+          surface: "#0f0f1a",
+          elevated: "#161624",
+          border: "rgba(255,255,255,0.07)",
         },
       },
       backgroundImage: {
@@ -65,6 +65,10 @@ const config: Config = {
           from: { height: "var(--radix-accordion-content-height)" },
           to: { height: "0" },
         },
+        "ping-slow": {
+          "0%, 100%": { opacity: "0.8", transform: "scale(1)" },
+          "50%": { opacity: "0.3", transform: "scale(1.5)" },
+        },
         glow: {
           "0%": { boxShadow: "0 0 5px rgba(99,102,241,0.3)" },
           "100%": { boxShadow: "0 0 20px rgba(99,102,241,0.6)" },
@@ -73,18 +77,14 @@ const config: Config = {
           "0%, 100%": { transform: "translateY(0px)" },
           "50%": { transform: "translateY(-6px)" },
         },
-        "status-pulse": {
-          "0%, 100%": { opacity: "1", transform: "scale(1)" },
-          "50%": { opacity: "0.4", transform: "scale(1.5)" },
-        },
       },
       animation: {
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",
+        "ping-slow": "ping-slow 2s ease-in-out infinite",
         "pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
         glow: "glow 2s ease-in-out infinite alternate",
         float: "float 6s ease-in-out infinite",
-        "status-pulse": "status-pulse 2s ease-in-out infinite",
       },
     },
   },