design: change to minimalistic and clean light theme

- Replace Matrix/terminal dark theme with modern light design
- Update Tailwind config with clean, professional color palette
- Change from monospace to Inter sans-serif font
- Update chart styling to use white background with subtle grids
- Remove glow effects and neon colors from buttons and UI
- Update color picker with better color options
- Improve sidebar spacing and typography
- Update annotation badges with softer colors
- Change scrollbar styling to match light theme

tailwind.config.ts

@@ -43,44 +43,9 @@ const config: Config = {
           DEFAULT: "hsl(var(--card))",
           foreground: "hsl(var(--card-foreground))",
         },
-        matrix: "#00ff41",
-        matrixDim: "#00cc33",
-        matrixDark: "#003311",
-        neonRed: "#ff0040",
-        neonCyan: "#00d4ff",
-        neonYellow: "#ffff00",
-        terminal: "#0a0e0a",
-        terminalLight: "#0d110d",
       },
       fontFamily: {
-        mono: ["JetBrains Mono", "Fira Code", "Courier New", "monospace"],
-      },
-      boxShadow: {
-        "glow-sm": "0 0 8px #00ff41",
-        glow: "0 0 15px #00ff41, 0 0 30px rgba(0,255,65,0.5)",
-        "glow-lg": "0 0 20px #00ff41, 0 0 40px rgba(0,255,65,0.5)",
-      },
-      keyframes: {
-        "glow-pulse": {
-          "0%, 100%": {
-            boxShadow: "0 0 15px #00ff41",
-          },
-          "50%": {
-            boxShadow: "0 0 30px #00ff41, 0 0 50px rgba(0,255,65,0.5)",
-          },
-        },
-        flicker: {
-          "0%, 100%": {
-            opacity: "1",
-          },
-          "50%": {
-            opacity: "0.8",
-          },
-        },
-      },
-      animation: {
-        "glow-pulse": "glow-pulse 2s ease-in-out infinite",
-        flicker: "flicker 0.1s ease-in-out",
+        sans: ["Inter", "system-ui", "-apple-system", "sans-serif"],
       },
       borderRadius: {
         lg: "var(--radius)",