fix: apply global dark form styles

Author: JavaZeroo

src/index.css

@@ -62,6 +62,17 @@
   }
 }
 
+/* Global form control styles */
+@layer base {
+  input,
+  select,
+  textarea {
+    @apply bg-white text-gray-900 border border-gray-300 rounded-md;
+    @apply dark:bg-gray-800 dark:text-gray-100 dark:border-gray-600;
+    @apply focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500;
+  }
+}
+
 /* Custom styles */
 .chart-container {
   position: relative;

tailwind.config.js

@@ -1,12 +1,14 @@
+import forms from '@tailwindcss/forms'
+
 /** @type {import('tailwindcss').Config} */
 export default {
   darkMode: 'class',
   content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
+    './index.html',
+    './src/**/*.{js,ts,jsx,tsx}',
   ],
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [forms],
 }