fix: dark theme on all form elements - select, input, dropdown

frontend/src/styles/global.css

@@ -25,6 +25,39 @@
     user-select: none;
   }
 
+  /* Force dark theme on all form elements — overrides system/browser defaults */
+  input, textarea, select {
+    background-color: #18181f;
+    color: #e8e8f0;
+    border-color: #252530;
+    color-scheme: dark;
+  }
+
+  select {
+    background-color: #18181f;
+    color: #e8e8f0;
+    appearance: none;
+    -webkit-appearance: none;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2388889a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: right 8px center;
+    padding-right: 28px;
+  }
+
+  select option {
+    background-color: #18181f;
+    color: #e8e8f0;
+  }
+
+  input[type="checkbox"] {
+    accent-color: #00ff88;
+    background-color: #18181f;
+  }
+
+  input::placeholder {
+    color: #44445a;
+  }
+
   ::-webkit-scrollbar {
     width: 6px;
     height: 6px;
@@ -112,13 +145,6 @@
   box-shadow: 0 0 12px rgba(0, 255, 136, 0.15);
 }
 
-/* Animated scan line for the terminal */
-@keyframes scanline {
-  0% { transform: translateY(-100%); }
-  100% { transform: translateY(100vh); }
-}
-
-/* Pulse animation for status dots */
 @keyframes pulse-dot {
   0%, 100% { opacity: 1; }
   50% { opacity: 0.3; }