diff --git a/resources/css/app.css b/resources/css/app.css
index 65f4285..e7ba0f3 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,5 +1,6 @@
-    font-style: normal;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 @font-face {
     font-family: 'SVN-Poppins-Medium';
diff --git a/resources/views/components/user-filter-form.blade.php b/resources/views/components/user-filter-form.blade.php
index 445e9e2..abd7884 100644
--- a/resources/views/components/user-filter-form.blade.php
+++ b/resources/views/components/user-filter-form.blade.php
@@ -9,17 +9,17 @@
 ])
 
 <form id="filterForm" action="{{ $action }}" method="GET" class="flex flex-col md:flex-row md:flex-wrap items-stretch md:items-center gap-3.5 w-full mb-6 bg-white p-5 rounded-[24px] border border-white shadow-[0_10px_30px_rgba(15,23,42,0.05)]">
-    <div class="relative flex items-center w-full lg:flex-1 lg:min-w-[200px]">
-        <input type="text" id="searchInput" name="search" value="{{ $search }}" placeholder="Tìm MSNV hoặc Email..." class="form-input !py-1.5 !text-sm !pl-10 !pr-10 w-full border-[#d9dfe7] rounded-xl bg-white">
-        <svg class="w-4 h-4 text-text-light absolute left-3.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" style="pointer-events: none;">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+<div class="search-wrapper flex-1 relative">
+    <svg class="search-icon w-4 h-4 text-text-light" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+    </svg>
+    <input type="text" id="searchInput" name="search" value="{{ $search }}" placeholder="Tìm MSNV hoặc Email..." class="w-full h-full bg-transparent border-none outline-none" />
+    <button type="button" id="btnClearSearch" class="{{ empty($search) ? 'hidden' : '' }} absolute right-3.5 text-text-light hover:text-text-dark focus:outline-none">
+        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
         </svg>
-        <button type="button" id="btnClearSearch" class="{{ empty($search) ? 'hidden' : '' }} absolute right-3.5 text-text-light hover:text-text-dark focus:outline-none">
-            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-            </svg>
-        </button>
-    </div>
+    </button>
+</div>
     
     <!-- Status Filter -->
     <select name="status" id="statusFilter" class="form-input !py-1.5 !text-sm !w-full md:!w-[150px] border-[#d9dfe7] rounded-xl bg-white shrink-0">
diff --git a/storage/app/public/avatars/URsFExAypTEQRxWtgHy0jHjhONXNnwp06Z4H4HwK.png b/storage/app/public/avatars/URsFExAypTEQRxWtgHy0jHjhONXNnwp06Z4H4HwK.png
new file mode 100755
index 0000000..c936348
Binary files /dev/null and b/storage/app/public/avatars/URsFExAypTEQRxWtgHy0jHjhONXNnwp06Z4H4HwK.png differ
diff --git a/storage/app/public/avatars/qhSbyOkMPHmd7ijq6rzqLZVPMhSsOMsma7mgqKyQ.png b/storage/app/public/avatars/qhSbyOkMPHmd7ijq6rzqLZVPMhSsOMsma7mgqKyQ.png
new file mode 100755
index 0000000..c936348
Binary files /dev/null and b/storage/app/public/avatars/qhSbyOkMPHmd7ijq6rzqLZVPMhSsOMsma7mgqKyQ.png differ