Enhance the look and feel of forms and data display for improved UI

Updates the styles of input fields, vendor sections, and filter cards to provide better visual consistency.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dec54137-d5a2-4406-8ad4-5f2f9fb110bf
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/19d76f99-63e3-4717-987b-4fafe960e234.jpg

client/src/index.css

@@ -109,13 +109,14 @@
 }
 
 .modern-input {
-  border: 2px solid hsl(var(--border));
+  border: 2px solid hsl(220, 13%, 75%);
   background: hsl(var(--background));
   color: hsl(var(--foreground));
   padding: 10px 14px;
   font-size: 14px;
   transition: all 0.2s ease;
   box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  border-radius: 0;
 }
 
 .modern-input:focus {
@@ -161,8 +162,8 @@
 
 /* Section-specific styles */
 .modern-section-vendor {
-  border-left: 4px solid hsl(var(--primary));
-  background: hsl(var(--muted) / 0.3);
+  border-left: 4px solid hsl(262, 83%, 58%);
+  background: hsl(262, 83%, 98%);
 }
 
 .modern-section-product {
@@ -181,11 +182,12 @@
 }
 
 .modern-select-trigger {
-  border: 2px solid hsl(var(--border));
+  border: 2px solid hsl(220, 13%, 75%);
   background: hsl(var(--background));
   padding: 10px 14px;
   transition: all 0.2s ease;
   box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  border-radius: 0;
 }
 
 .modern-select-trigger:hover {
@@ -197,6 +199,15 @@
   box-shadow: 0 0 0 2px hsl(var(--primary) / 0.2);
 }
 
+/* Modern filter card styles */
+.modern-filter-card {
+  border: 2px solid hsl(220, 13%, 85%);
+  background: hsl(220, 13%, 96%);
+  padding: 16px;
+  border-radius: 0;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.05);
+}
+
 /* Enhanced keyframes for mobile animations */
 @keyframes slideInRight {
   from {