1 files changed, 42 insertions, 0 deletions
diff --git a/index.html b/index.html
index 0e8b1e8..89630aa 100644
--- a/index.html
+++ b/index.html
@@ -177,6 +177,48 @@
         color: var(--text-tertiary);
       }
 
+      /* File input button styling */
+      .input-field input[type="file"]::file-selector-button {
+        padding: var(--spacing-sm) var(--spacing-md);
+        margin-right: var(--spacing-md);
+        background: var(--accent);
+        border: none;
+        border-radius: var(--radius);
+        color: var(--text-primary);
+        font-size: 0.875rem;
+        font-weight: 500;
+        font-family: inherit;
+        cursor: pointer;
+        transition: all 0.2s ease;
+      }
+
+      .input-field input[type="file"]::file-selector-button:hover {
+        background: var(--accent-hover);
+      }
+
+      .input-field input[type="file"]::file-selector-button:active {
+        transform: scale(0.98);
+      }
+
+      /* Webkit browsers */
+      .input-field input[type="file"]::-webkit-file-upload-button {
+        padding: var(--spacing-sm) var(--spacing-md);
+        margin-right: var(--spacing-md);
+        background: var(--accent);
+        border: none;
+        border-radius: var(--radius);
+        color: var(--text-primary);
+        font-size: 0.875rem;
+        font-weight: 500;
+        font-family: inherit;
+        cursor: pointer;
+        transition: all 0.2s ease;
+      }
+
+      .input-field input[type="file"]::-webkit-file-upload-button:hover {
+        background: var(--accent-hover);
+      }
+
       /* Table Container */
       .table-container {
         background: var(--surface);