diff --git a/frontend/src/index.css b/frontend/src/index.css
index 429064d..8f2aee8 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -253,20 +253,28 @@ input[type="date"] {
   border: 1px solid var(--border);
   border-radius: 7px;
   font: 14px var(--font-sans);
-  background: var(--bg-surface);
+  background-color: #0a0e17;
+  background: #0a0e17;
   color: var(--text-primary);
+  -webkit-text-fill-color: var(--text-primary);
   transition: all 0.2s;
+  -webkit-appearance: none;
+  appearance: none;
 }
 
 input:focus {
   outline: none;
   border-color: var(--accent-cyan);
   box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1), var(--glow-cyan);
+  background-color: #0a0e17;
+  background: #0a0e17;
 }
 
 input[type="date"] {
   width: auto;
   color-scheme: dark;
+  background-color: #0a0e17;
+  background: #0a0e17;
 }
 
 label {
@@ -370,14 +378,18 @@ tr:hover td { background: rgba(255, 255, 255, 0.01); }
   border: 1px solid var(--border);
   border-radius: 7px;
   font: 14px var(--font-sans);
-  background: var(--bg-surface);
+  background-color: #0a0e17;
+  background: #0a0e17;
   color: var(--text-primary);
+  -webkit-text-fill-color: var(--text-primary);
 }
 
 .modal input:focus {
   outline: none;
   border-color: var(--accent-cyan);
   box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);
+  background-color: #0a0e17;
+  background: #0a0e17;
 }
 
 .modal .row {