feat: update store header and input styles for improved UI consistency

src/app/shared/components/input/input.component.scss

@@ -14,7 +14,7 @@
   right: 1rem;
   top: 50%;
   z-index: 1;
-  color: #495057;
+  color: #a0a0a0;
   transform: translateY(-50%);
   pointer-events: none;
 }
@@ -23,7 +23,8 @@
   min-height: 40px;
   padding: 0.625rem 1rem;
   border-radius: 0.5rem;
-  color: #212529;
+  border-color: #cccccc;
+  color: #666666;
   font-size: 15px;
   font-weight: 400;
 
@@ -34,6 +35,10 @@
   &:disabled {
     opacity: 1;
   }
+
+  &::placeholder {
+    color: #666666;
+  }
 }
 
 .input-with-search-icon {
@@ -116,7 +121,7 @@ input[type='file'].form-control {
     padding: 0;
     border: 0;
     background: transparent;
-    color: #495057;
+    color: #a0a0a0;
     transform: translateY(-50%);
     cursor: pointer;
     transition: color 0.2s ease;
@@ -127,10 +132,10 @@ input[type='file'].form-control {
   }
 
   .input-icon-active {
-    color: #adb5bd;
+    color: #a0a0a0;
 
     &:hover {
-      color: #495057;
+      color: #8a8a8a;
     }
   }
 
@@ -145,7 +150,7 @@ input[type='file'].form-control {
     right: 1rem;
     top: 50%;
     z-index: 1;
-    color: #495057;
+    color: #a0a0a0;
     transform: translateY(-50%);
     pointer-events: none;
   }