search bar added

Seasoned.Frontend/app/assets/css/gallery.css

@@ -189,4 +189,58 @@
 
 .cancel-btn:hover {
   background-color: rgba(140, 74, 50, 0.05) !important;
+}
+
+.search-bar .v-field {
+  background-color: #FBF6E9 !important; 
+  border: 1px solid #e2d7ba !important;
+  transition: all 0.3s ease;
+}
+
+.search-bar input::placeholder {
+  color: #86571D !important;
+  opacity: 0.7 !important;
+  font-family: 'Libre Baskerville', serif !important;
+  font-style: italic;
+  -webkit-text-fill-color: #86571D !important;
+}
+
+.search-bar .v-field__input,
+.search-bar input {
+  color: #2e1e0a !important;
+  font-family: 'Libre Baskerville', serif !important;
+  font-size: 1.0rem !important;
+  opacity: 1 !important;
+  -webkit-text-fill-color: #2e1e0a !important;
+}
+
+.search-bar .v-field--focused {
+  border-color: #556b2f !important;
+  background-color: #556b2f0d !important;
+}
+
+.mdi-auto-fix {
+  animation: pulse-green 1.5s infinite;
+}
+
+@keyframes pulse-green {
+  0% { opacity: 1; transform: scale(1); }
+  50% { opacity: 0.5; transform: scale(1.1); }
+  100% { opacity: 1; transform: scale(1); }
+}
+
+.search-bar .v-field__clearable {
+  margin-right: 4px;
+}
+
+.search-bar .v-field__clearable .v-icon {
+  color: #8c4a32 !important;
+  opacity: 0.6;
+  font-size: 1.2rem !important;
+  transition: all 0.2s ease;
+}
+
+.search-bar .v-field__clearable .v-icon:hover {
+  opacity: 1;
+  transform: scale(1.1);
 }