diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index 88c5af2..c94b74b 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -560,39 +560,6 @@ a {
   color: #fff;
 }
 
-.order-page-table {
-  line-height: 20px;
-}
-.order-page-table a {
-  color: #0041e8;
-}
-.order-page-table select {
-  border-radius: 4px;
-  border: 1px solid #d8d8d8;
-  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
-  height: 32px;
-  display: block;
-  width: 100%;
-  padding: 0 0 0 5px;
-  font-weight: 400;
-}
-.order-page-table .icons {
-  width: 30px;
-  height: 30px;
-  border: 1px solid #ececec;
-  background-color: #f9f9f9;
-  border-radius: 5px;
-}
-.order-page-table .icon-edit {
-  border: 1px solid #0041e8;
-  background-color: #f5f7ff;
-  background-position: -108px -82px;
-  margin-right: 6px;
-}
-.order-page-table .icon-delete {
-  background-position: -145px -82px;
-}
-
 .order-detail-page .icon-edit {
   border: transparent;
   background-color: transparent;
@@ -658,11 +625,6 @@ a {
   content: none;
 }
 
-.table-vertical-inherit tbody td {
-  padding: 8px;
-  vertical-align: inherit;
-}
-
 #js-form-search [type=search]:focus::before {
   position: absolute;
   content: "\f00d";
@@ -686,28 +648,6 @@ a {
   background: #f6f6f6;
 }
 
-.table-list-customer th {
-  padding: 7px 5px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-  white-space: nowrap;
-}
-.table-list-customer td {
-  padding: 7px 6px;
-  border: 1px solid #ececec;
-}
-
-.table-comment th {
-  padding: 7px 5px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-  white-space: nowrap;
-}
-.table-comment td {
-  padding: 7px 6px;
-  border: 1px solid #ececec;
-}
-
 .list-info-reply th {
   padding: 7px 5px;
   background: #f6f6f6;
@@ -750,9 +690,6 @@ a {
   color: #fff;
 }
 
-.modal .order-page-table td {
-  vertical-align: middle;
-}
 .modal .brand-letters a {
   width: 11.1111111111%;
   text-transform: capitalize;
@@ -848,21 +785,6 @@ a {
   font-family: "Font Awesome 6 Free";
 }
 
-.css-table th {
-  padding: 10px;
-  background: #f6f6f6;
-  border: 1px solid #ececec;
-  white-space: nowrap;
-  text-align: left;
-}
-.css-table td {
-  padding: 10px;
-  border: 1px solid #ececec;
-}
-.css-table .name {
-  color: #0041e8;
-}
-
 .checkbox-success {
   --chkbg: #0041e8;
   --chkfg: #fff;
@@ -1004,4 +926,32 @@ a {
 .table .btn {
   color: #fff;
   padding: 0;
+}
+.table select {
+  border-radius: 4px;
+  border: 1px solid #d8d8d8;
+  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
+  height: 32px;
+  display: block;
+  width: 100%;
+  padding: 0 0 0 5px;
+  font-weight: 400;
+}
+.table .icons {
+  width: 30px;
+  height: 30px;
+  border: 1px solid #ececec;
+  background-color: #f9f9f9;
+  border-radius: 5px;
+}
+.table .icon-edit {
+  border: 1px solid #0041e8;
+  background-color: #f5f7ff;
+  background-position: -108px -82px;
+}
+.table .icon-delete {
+  background-position: -145px -82px;
+}
+.table .icon-view {
+  background-position: -180px -82px;
 }/*# sourceMappingURL=pc_style.css.map */
\ No newline at end of file
diff --git a/assets/script/pc_style.css.map b/assets/script/pc_style.css.map
index d33c181..6c95039 100644
--- a/assets/script/pc_style.css.map
+++ b/assets/script/pc_style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
+{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
diff --git a/assets/script/pc_style.scss b/assets/script/pc_style.scss
index 16e38e8..921678e 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -574,38 +574,7 @@ a {
         }
     }
 }
-.order-page-table {
-    line-height: 20px;
-    a {
-        color: #0041e8;
-    }
-    select {
-        border-radius: 4px;
-        border: 1px solid #d8d8d8;
-        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
-        height: 32px;
-        display: block;
-        width: 100%;
-        padding: 0 0 0 5px;
-        font-weight: 400;
-    }
-    .icons {
-        width: 30px;
-        height: 30px;
-        border: 1px solid #ececec;
-        background-color: #f9f9f9;
-        border-radius: 5px;
-    }
-    .icon-edit {
-        border: 1px solid #0041e8;
-        background-color: #f5f7ff;
-        background-position: -108px -82px;
-        margin-right: 6px;
-    }
-    .icon-delete {
-        background-position: -145px -82px;
-    }
-}
+
 .order-detail-page {
     .icon-edit {
         border: transparent;
@@ -673,15 +642,6 @@ a {
     }
 }
 
-.table-vertical-inherit {
-    tbody {
-        td {
-            padding: 8px;
-            vertical-align: inherit;
-        }
-    }
-}
-
 #js-form-search [type="search"]:focus::before {
     position: absolute;
     content: "\f00d";
@@ -705,32 +665,6 @@ a {
     }
 }
 
-.table-list-customer {
-    th {
-        padding: 7px 5px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-        white-space: nowrap;
-    }
-    td {
-        padding: 7px 6px;
-        border: 1px solid #ececec;
-    }
-}
-
-.table-comment {
-    th {
-        padding: 7px 5px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-        white-space: nowrap;
-    }
-    td {
-        padding: 7px 6px;
-        border: 1px solid #ececec;
-    }
-}
-
 .list-info-reply {
     th {
         padding: 7px 5px;
@@ -775,11 +709,6 @@ a {
     }
 }
 .modal {
-    .order-page-table {
-        td {
-            vertical-align: middle;
-        }
-    }
     .brand-letters {
         a {
             width: calc(100% / 9);
@@ -886,23 +815,6 @@ a {
     }
 }
 
-.css-table {
-    th {
-        padding: 10px;
-        background: #f6f6f6;
-        border: 1px solid #ececec;
-        white-space: nowrap;
-        text-align: left;
-    }
-    td {
-        padding: 10px;
-        border: 1px solid #ececec;
-    }
-    .name {
-        color: #0041e8;
-    }
-}
-
 .checkbox-success {
     --chkbg: #0041e8;
     --chkfg: #fff;
@@ -1049,4 +961,32 @@ a {
         color: #fff;
         padding: 0;
     }
+    select {
+        border-radius: 4px;
+        border: 1px solid #d8d8d8;
+        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
+        height: 32px;
+        display: block;
+        width: 100%;
+        padding: 0 0 0 5px;
+        font-weight: 400;
+    }
+    .icons {
+        width: 30px;
+        height: 30px;
+        border: 1px solid #ececec;
+        background-color: #f9f9f9;
+        border-radius: 5px;
+    }
+    .icon-edit {
+        border: 1px solid #0041e8;
+        background-color: #f5f7ff;
+        background-position: -108px -82px;
+    }
+    .icon-delete {
+        background-position: -145px -82px;
+    }
+    .icon-view {
+        background-position: -180px -82px;
+    }
 }
diff --git a/template/admin/add.html b/template/admin/add.html
index 5b9cba9..95cfbe1 100644
--- a/template/admin/add.html
+++ b/template/admin/add.html
@@ -64,33 +64,36 @@
                 <textarea name="" id="" placeholder="Địa chỉ IP giới hạn truy cập. Nhập mỗi IP một dòng"
                     class="w-[100%] h-[80px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
             </div>
-            <div class="check-form flex items-center mb-[15px]">
+            <label class="check-form flex items-center mb-[15px] cursor-pointer">
                 <input type="checkbox" name="change_url_on_update" value="1" checked=""
-                    class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
-                <span class="ml-[10px] text-[#6B7280]">Không giới hạn theo IP. Cho phép người ngày truy cập quản trị
+                    class="checkbox checkbox-success">
+                <span class="ml-[10px] text-[#6B7280] label-text">Không giới hạn theo IP. Cho phép người ngày truy cập
+                    quản trị
                     website ở mọi nơi (v.d. ở nhà, nơi công cộng)</span>
-            </div>
+            </label>
             <div class="form-control mb-[15px] w-[100%]">
                 <label class="block font-[600] text-[14px] mb-[5px]">Phân quyền đặc biệt</label>
-                <div class="check-form flex items-center">
+                <label class="check-form flex items-center cursor-pointer">
                     <input type="checkbox" name="change_url_on_update" value="1" checked=""
-                        class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
-                    <span class="ml-[10px] text-[#6B7280]">Cho phép tất cả quyền hạn (* quản trị viên có đặc quyền này
+                        class="checkbox checkbox-success">
+                    <span class="ml-[10px] text-[#6B7280] label-text">Cho phép tất cả quyền hạn (* quản trị viên có đặc
+                        quyền này
                         sẽ
                         không cần bị hạn chế bởi quy định phân quyền)
                     </span>
-                </div>
+                </label>
             </div>
 
             <div class="form-control w-[100%]">
                 <label class="block font-[600] text-[14px] mb-[5px]">Khóa thành viên</label>
-                <div class="check-form flex items-center">
+                <label class="check-form flex items-center cursor-pointer">
                     <input type="checkbox" name="change_url_on_update" value="1" checked=""
-                        class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
-                    <span class="ml-[10px] text-[#6B7280]">Cho phép tất cả quyền hạn (* quản trị viên có đặc quyền này
+                        class="checkbox checkbox-success">
+                    <span class="ml-[10px] text-[#6B7280] label-text">Cho phép tất cả quyền hạn (* quản trị viên có đặc
+                        quyền này
                         sẽ không cần bị hạn chế bởi quy định phân quyền)
                     </span>
-                </div>
+                </label>
             </div>
 
         </div>
diff --git a/template/admin/entity_permission.html b/template/admin/entity_permission.html
index a10a1b7..ffa289e 100644
--- a/template/admin/entity_permission.html
+++ b/template/admin/entity_permission.html
@@ -34,8 +34,8 @@
                 của phòng ban.
             </div>
 
-            <table class="css-table">
-                <thead>
+            <table class="table">
+                <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
                     <tr>
                         <th class="w-[40px]">STT</th>
                         <th>Hạng mục</th>
@@ -52,21 +52,18 @@
                         <td>Danh sách đơn hàng</td>
                         <td>
                             <div class="flex items-center">
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Xem</span>
-                                </div>
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
-                                </div>
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
-                                </div>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
+                                </label>
                             </div>
                         </td>
                     </tr>
@@ -75,21 +72,18 @@
                         <td>Chờ mua sản phẩm</td>
                         <td>
                             <div class="flex items-center">
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Xem</span>
-                                </div>
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
-                                </div>
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
-                                </div>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
+                                </label>
                             </div>
                         </td>
                     </tr>
@@ -98,21 +92,18 @@
                         <td>Thanh toán qua cổng dịch vụ</td>
                         <td>
                             <div class="flex items-center">
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Xem</span>
-                                </div>
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
-                                </div>
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
-                                </div>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
+                                </label>
                             </div>
                         </td>
                     </tr>
@@ -125,21 +116,18 @@
                         <td>Danh sách Sản phẩm</td>
                         <td>
                             <div class="flex items-center">
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Xem</span>
-                                </div>
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Xóa<a href=""></a></span>
-                                </div>
-                                <div class="check-form flex items-center mr-[20px]">
-                                    <input type="checkbox" name="" value="1"
-                                        class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                    <span class="ml-[7px] text-[#6B7280]">Cập nhật</span>
-                                </div>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xem</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Xóa</span>
+                                </label>
+                                <label class="check-form flex items-center mr-[20px] cursor-pointer">
+                                    <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                    <span class="ml-[7px] text-[#6B7280] label-text">Cập nhật</span>
+                                </label>
                             </div>
                         </td>
                     </tr>
diff --git a/template/admin/home.html b/template/admin/home.html
index c6f9d0a..e171011 100644
--- a/template/admin/home.html
+++ b/template/admin/home.html
@@ -40,8 +40,8 @@
             </div>
         </div>
 
-        <table class="style-table mt-[15px]">
-            <thead>
+        <table class="table mt-[15px]">
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
                 <tr>
                     <th class="w-[38px]">STT</th>
                     <th>Họ tên</th>
@@ -80,18 +80,19 @@
                     </td>
                     <td>
                         <a href="/admin/admin/admin-log"
-                            class="px-[15px] py-[5px] bg-[#0041E8] rounded-[4px] m-auto text-white text-center">Xem toàn
+                            class="btn w-[120px] h-[34px] min-h-[34px] px-[15px] py-[5px] bg-[#0041E8] rounded-[4px] m-auto text-white text-center">Xem
+                            toàn
                             bộ</a>
                     </td>
                     <td>
                         <div class="list-btn flex items-center justify-center">
                             <a href="/admin/template/upload-set" title="Form sản phẩm"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                class="w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                 <i class="icons icon-edit"></i>
                             </a>
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
-                                <i class="icons icon-remove"></i>
+                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                <i class="icons icon-delete"></i>
                             </a>
                         </div>
                     </td>
diff --git a/template/admin/menu_permission.html b/template/admin/menu_permission.html
index 429eee7..07cf23c 100644
--- a/template/admin/menu_permission.html
+++ b/template/admin/menu_permission.html
@@ -42,8 +42,8 @@
                 </p>
             </div>
 
-            <table class="css-table">
-                <thead>
+            <table class="table">
+                <thead class="bg-[#f6f6f6] text-[#000] font-[500]">
                     <tr>
                         <th class="w-[40px]">STT</th>
                         <th>Hạng mục</th>
@@ -59,33 +59,30 @@
                         <td>1.1</td>
                         <td>Danh sách đơn hàng</td>
                         <td>
-                            <div class="check-form flex items-center">
-                                <input type="checkbox" name="" value="1"
-                                    class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                <span class="ml-[7px] text-[#6B7280]">Được xem</span>
-                            </div>
+                            <label class="check-form flex items-center cursor-pointer">
+                                <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                            </label>
                         </td>
                     </tr>
                     <tr>
                         <td>1.2</td>
                         <td>Chờ mua sản phẩm</td>
                         <td>
-                            <div class="check-form flex items-center">
-                                <input type="checkbox" name="" value="1"
-                                    class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                <span class="ml-[7px] text-[#6B7280]">Được xem</span>
-                            </div>
+                            <label class="check-form flex items-center cursor-pointer">
+                                <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                            </label>
                         </td>
                     </tr>
                     <tr>
                         <td>1.3</td>
                         <td>Thanh toán qua cổng dịch vụ</td>
                         <td>
-                            <div class="check-form flex items-center">
-                                <input type="checkbox" name="" value="1"
-                                    class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                <span class="ml-[7px] text-[#6B7280]">Được xem</span>
-                            </div>
+                            <label class="check-form flex items-center cursor-pointer">
+                                <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                            </label>
                         </td>
                     </tr>
                     <tr class="bg-[#FFE6C1] font-[700]">
@@ -96,11 +93,10 @@
                         <td>2.1</td>
                         <td>Danh sách Sản phẩm</td>
                         <td>
-                            <div class="check-form flex items-center">
-                                <input type="checkbox" name="" value="1"
-                                    class="checked:bg-[#0041E8]  w-[20px] h-[20px]  rounded-[4px]">
-                                <span class="ml-[7px] text-[#6B7280]">Được xem</span>
-                            </div>
+                            <label class="check-form flex items-center cursor-pointer">
+                                <input type="checkbox" name="" value="1" class="checkbox checkbox-success">
+                                <span class="ml-[7px] text-[#6B7280] label-text">Được xem</span>
+                            </label>
                         </td>
                     </tr>
                 </tbody>
diff --git a/template/article/category.html b/template/article/category.html
index a646a40..d8f7a18 100644
--- a/template/article/category.html
+++ b/template/article/category.html
@@ -1,21 +1,25 @@
-<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+<div
+    class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
     <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh mục nội dung </p>
 
     <div class="flex items-center justify-end font-[500] leading-[35px] mb-[20px]">
-        <a href="/admin/article/category-add" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-            <span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+        <a href="/admin/article/category-add"
+            class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+            <span
+                class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
             <span>Thêm danh mục mới</span>
         </a>
 
-        <a href="/admin/article" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+        <a href="/admin/article"
+            class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
             <i class="far fa-folder mr-2"></i>
             <span>Danh sách nội dung</span>
         </a>
     </div>
 
-    <div class="order-page-table table-vertical-inherit">
+    <div class="table">
         <table>
-            <thead>
+            <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
                 <tr>
                     <td width="600"> Danh mục </td>
                     <td> ID </td>
@@ -29,19 +33,21 @@
             <tbody>
 
                 <tr align="center">
-                    <td align="left">  1. Danh mục cấp 1 </td>
+                    <td align="left"> 1. Danh mục cấp 1 </td>
 
                     <td> 1 </td>
 
                     <td> child_article </td>
 
                     <td>
-                        <input type="text" value="0" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        <input type="text" value="0"
+                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
                     </td>
 
                     <td>
                         <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
-                        <a href="" class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
+                        <a href=""
+                            class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
                             Xem
                         </a>
                     </td>
@@ -50,11 +56,15 @@
                         <div class="items-center flex justify-center">
                             <a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
 
-                            <a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+                            <a href="" title="Xem tại web"
+                                class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
 
-                            <a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-                            
-                            <a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
+                            <a href="" title="Hạ xuống"
+                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                            <a href="" title="Cho Hiển thị"
+                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                            </a>
 
                             <a href="" title="Xóa" class="icons icon-delete"></a>
                         </div>
@@ -63,19 +73,21 @@
 
                 <!-- Danh mục cấp 2 -->
                 <tr align="center">
-                    <td align="left" style="padding-left: 30px;"> 1.1 Danh mục cấp 2  </td>
+                    <td align="left" style="padding-left: 30px;"> 1.1 Danh mục cấp 2 </td>
 
                     <td> 1 </td>
 
                     <td> child_article </td>
 
                     <td>
-                        <input type="text" value="0" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        <input type="text" value="0"
+                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
                     </td>
 
                     <td>
                         <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
-                        <a href="" class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
+                        <a href=""
+                            class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
                             Xem
                         </a>
                     </td>
@@ -84,11 +96,15 @@
                         <div class="items-center flex justify-center">
                             <a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
 
-                            <a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+                            <a href="" title="Xem tại web"
+                                class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
 
-                            <a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-                            
-                            <a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
+                            <a href="" title="Hạ xuống"
+                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                            <a href="" title="Cho Hiển thị"
+                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                            </a>
 
                             <a href="" title="Xóa" class="icons icon-delete"></a>
                         </div>
@@ -97,19 +113,21 @@
 
                 <!-- Danh mục cấp 3 -->
                 <tr align="center">
-                    <td align="left" style="padding-left: 60px;"> 1.1.1 Danh mục cấp 3  </td>
+                    <td align="left" style="padding-left: 60px;"> 1.1.1 Danh mục cấp 3 </td>
 
                     <td> 1 </td>
 
                     <td> child_article </td>
 
                     <td>
-                        <input type="text" value="0" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
+                        <input type="text" value="0"
+                            class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)] text-center">
                     </td>
 
                     <td>
                         <span class="inline-block mr-[10px] leading-[30px]"> 60 </span>
-                        <a href="" class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
+                        <a href=""
+                            class="inline-block cursor-pointer leading-[30px] bg-[#0041E8] text-[#fff_!important] rounded-[4px] font-[500] p-[0_11px]">
                             Xem
                         </a>
                     </td>
@@ -118,11 +136,15 @@
                         <div class="items-center flex justify-center">
                             <a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
 
-                            <a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+                            <a href="" title="Xem tại web"
+                                class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
 
-                            <a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-                            
-                            <a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
+                            <a href="" title="Hạ xuống"
+                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                            <a href="" title="Cho Hiển thị"
+                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                            </a>
 
                             <a href="" title="Xóa" class="icons icon-delete"></a>
                         </div>
diff --git a/template/article/form.html b/template/article/form.html
index 9ac6b4e..44d33f1 100644
--- a/template/article/form.html
+++ b/template/article/form.html
@@ -5,7 +5,8 @@
 
 <div class="max-w-[1141px] m-auto">
     <div class="flex flex-wrap items-start m-[16px_0]">
-        <div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
+        <div
+            class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
             {% if global.url contains 'id=' %}
             <p class="font-bold text-[20px]"> Sửa nội dung </p>
 
@@ -17,34 +18,47 @@
             {% endif %}
 
             <div class="flex items-center">
-                <a href="/admin/article/form" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-                    <span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                <a href="/admin/article/form"
+                    class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span
+                        class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
                     <span>Thêm nội dung mới</span>
                 </a>
 
-                <a href="" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <a href=""
+                    class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
                     <span class="far fa-folder mr-2"></span>
                     <span>Quản lý danh mục</span>
                 </a>
 
-                <a href="/admin/article" title="Danh sách nội dung" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
+                <a href="/admin/article" title="Danh sách nội dung"
+                    class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
             </div>
-        </div>            
+        </div>
 
-        <div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
+        <div
+            class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+            <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
+            </a>
 
             {% if global.url contains 'id=' %}
-            <a href="/admin/article/tag?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
-            <a href="/admin/article/relation?id=1&related_item_type=product" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Sản phẩm </a>
-            <a href="/admin/article/relation?id=1&related_item_type=product-category" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan: Danh mục sản phẩm </a>
+            <a href="/admin/article/tag?id=1"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
+            <a href="/admin/article/relation?id=1&related_item_type=product"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan:
+                Sản phẩm </a>
+            <a href="/admin/article/relation?id=1&related_item_type=product-category"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Liên quan:
+                Danh mục sản phẩm </a>
             {% endif %}
         </div>
-        
-        <form method="post" enctype="multipart/form-data" class="w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+
+        <form method="post" enctype="multipart/form-data"
+            class="w-[852px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
             <div class="p-[16px] border-[#FAFAFB] border-b-[8px]">
                 <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Thông tin cơ bản </p>
-            
+
                 <div class="mb-[15px] flex flex-wrap items-center">
                     <p class="mb-[7px] w-[100%] font-[600]">Ảnh đại diện </p>
 
@@ -60,7 +74,7 @@
                 </div>
 
                 <div class="mb-[15px] flex flex-wrap items-center">
-                    <p class="mb-[7px] w-[100%] font-[600]"> Ảnh nền trong chi tiết </p>                
+                    <p class="mb-[7px] w-[100%] font-[600]"> Ảnh nền trong chi tiết </p>
 
                     <div class="inline-block">
                         <img src="https://via.placeholder.com/400x300" class="block max-h-[80px] mr-[20px]">
@@ -73,14 +87,16 @@
                     </label>
                 </div>
 
-                <div class="p-[12px_20px] m-[15px_0] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] rounded-[4px]">
-                    <p class="font-bold mb-2"> Danh mục <i class="font-[300] text-[#6B7280]"> * có thể chọn nhiều danh mục  </i> </p>
+                <div
+                    class="p-[12px_20px] m-[15px_0] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] rounded-[4px]">
+                    <p class="font-bold mb-2"> Danh mục <i class="font-[300] text-[#6B7280]"> * có thể chọn nhiều danh
+                            mục  </i> </p>
 
                     <div class="overflow-auto max-h-[250px]">
                         <div class="mb-1">
                             <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
-                                <input type="checkbox" value="1" class="scale-[1.5] mr-2">
-                                <b> Danh mục cấp 1 </b>
+                                <input type="checkbox" value="1" class="checkbox checkbox-success">
+                                <b class="label-text ml-[5px]"> Danh mục cấp 1 </b>
                             </label>
                         </div>
 
@@ -91,28 +107,79 @@
                             <div class="pl-[25px]">
                                 <!-- KHÔNG CÓ danh mục con -->
                                 <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
-                                    <input type="checkbox" value="2" class="scale-[1.5] mr-2">
-                                    <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span>
+                                    <input type="checkbox" value="2" class="checkbox checkbox-success">
+                                    <span class="label-text ml-[5px] text-[#6B7280]"> Danh mục
+                                        cấp 2 </span>
                                 </label> <br>
 
                                 <!-- CÓ danh mục con -->
                                 <div>
                                     <p class="font-bold mb-[5px]"> Danh mục cấp 2 </p>
-                                    
+
                                     <div class="pl-[25px]">
                                         <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
-                                            <input type="checkbox" value="2" class="scale-[1.5] mr-2">
-                                            <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 3 </span>
+                                            <input type="checkbox" value="2" class="checkbox checkbox-success">
+                                            <span class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 3 </span>
                                         </label> <br>
                                     </div>
                                 </div>
-                                
-                                <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><div> <p class="font-bold mb-[5px]"> Danh mục cấp 2 </p><div class="pl-[25px]"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 3 </span> </label> <br></div></div><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br>
+
+                                <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br>
+                                <div>
+                                    <p class="font-bold mb-[5px]"> Danh mục cấp 2 </p>
+                                    <div class="pl-[25px]"> <label
+                                            class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                                type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                                class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 3 </span>
+                                        </label> <br></div>
+                                </div><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br>
                             </div>
                         </div>
-                                    
+
                         <!-- clone -->
-                        <div class="mb-1"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="1" class="scale-[1.5] mr-2"> <b> Danh mục cấp 1 </b> </label> </div><div class="mb-1"> <p class="font-bold mb-[5px]"> Danh mục cấp 1 </p><div class="pl-[25px]"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input type="checkbox" value="2" class="scale-[1.5] mr-2"> <span class="text-[#6B7280] group-hover:text-[#000]"> Danh mục cấp 2 </span> </label> <br></div></div>
+                        <div class="mb-1"> <label class="inline-flex items-center mb-1 ml-1 cursor-pointer group">
+                                <input type="checkbox" value="1" class="checkbox checkbox-success">
+                                <b class="label-text ml-[5px]"> Danh mục cấp 1</b>
+                            </label> </div>
+                        <div class="mb-1">
+                            <p class="font-bold mb-[5px]"> Danh mục cấp 1 </p>
+                            <div class="pl-[25px]"> <label
+                                    class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br><label class="inline-flex items-center mb-1 ml-1 cursor-pointer group"> <input
+                                        type="checkbox" value="2" class="checkbox checkbox-success"> <span
+                                        class="text-[#6B7280] label-text ml-[5px]"> Danh mục cấp 2 </span> </label>
+                                <br>
+                            </div>
+                        </div>
                         <!-- // -->
                     </div>
                 </div>
@@ -120,31 +187,36 @@
                 <div class="mb-[15px]">
                     <p class="mb-[7px] w-[100%] font-[600]"> Tiêu đề </p>
 
-                    <input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
-                
+
                 <div class="mb-[15px]">
                     <p class="mb-[7px] w-[100%] font-[600]"> Link Index </p>
 
-                    <input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
                     <p class="mb-[7px] w-[100%] font-[600]"> Link tham khảo (link web ngoài nếu có) </p>
 
-                    <input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
                     <p class="mb-[7px] w-[100%] font-[600]"> Tóm tắt chính </p>
 
-                    <textarea class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                    <textarea
+                        class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
                 </div>
 
                 <div>
                     <p class="mb-[7px] w-[100%] font-[600]"> Tags (Mỗi cụm từ 1 dòng) </p>
 
-                    <textarea class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                    <textarea
+                        class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
                 </div>
             </div>
 
@@ -154,17 +226,20 @@
                     <p class="font-bold text-[20px] leading-[20px]"> Mô tả (nếu có) </p>
 
                     <div class="flex items-center font-[500] leading-[35px]">
-                        <a href="" class="group flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                        <a href=""
+                            class="group flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
                             <span class="icons icon-upload group-hover:filter-none"></span>
                             <span> Upload ảnh </span>
                         </a>
-            
-                        <a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+
+                        <a href=""
+                            class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
                             <i class="far fa-folder mr-2"></i>
                             <span> Quản lý </span>
                         </a>
 
-                        <a href="" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                        <a href=""
+                            class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
                             <i class="fa fa-image mr-2"></i>
                             <span> Chọn ảnh trong kho ảnh </span>
                         </a>
@@ -173,9 +248,9 @@
                     <div class="flex overflow-auto pb-2 w-[100%]">
 
                         <a href="javascript:void(0)" class="min-w-[100px] m-[10px_10px_0_0]">
-                            <img src="https://via.placeholder.com/2000x800" class="h-[40px] block"/>
+                            <img src="https://via.placeholder.com/2000x800" class="h-[40px] block" />
                         </a>
-                        
+
                     </div>
                 </div>
 
@@ -184,9 +259,11 @@
                 </div>
 
                 <div>
-                    <p class="mb-[7px] w-[100%] font-[600]"> Thứ tự <i class="font-[300] text-[13px]"> (* số cao xếp trước)</i> </p>
+                    <p class="mb-[7px] w-[100%] font-[600]"> Thứ tự <i class="font-[300] text-[13px]"> (* số cao xếp
+                            trước)</i> </p>
 
-                    <input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
             </div>
 
@@ -195,47 +272,51 @@
                 <p class="font-bold text-[20px] leading-[20px] mb-[15px]"> Dùng cho SEO </p>
 
                 <div class="mb-[15px]">
-                    <p class="mb-[7px] w-[100%] font-[600]"> 
-                        Url canonical 
-                        <i class="text-[13px] font-[300]"> * để trống sẽ dùng link mặc định của hệ thống </i> 
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Url canonical
+                        <i class="text-[13px] font-[300]"> * để trống sẽ dùng link mặc định của hệ thống </i>
                     </p>
 
-                    <input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
-                    <p class="mb-[7px] w-[100%] font-[600]"> 
-                        Meta Title 
-                        <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i> 
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Meta Title
+                        <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i>
                     </p>
 
-                    <input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
-                    <p class="mb-[7px] w-[100%] font-[600]"> 
-                        Meta Keywords 
-                        <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i> 
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Meta Keywords
+                        <i class="text-[13px] font-[300]">  0 ký tự , 0 từ </i>
                     </p>
 
-                    <input type="text" value="" class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"/>
+                    <input type="text" value=""
+                        class="w-[100%] h-[36px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
                 </div>
 
                 <div class="mb-[15px]">
-                    <p class="mb-[7px] w-[100%] font-[600]"> 
-                        Meta Description 
-                        <i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i> 
+                    <p class="mb-[7px] w-[100%] font-[600]">
+                        Meta Description
+                        <i class="text-[13px] font-[300]"> 0 ký tự , 0 từ (Khuyến nghị: 160 ký tự) </i>
                     </p>
 
-                    <textarea class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                    <textarea
+                        class="w-[100%] min-h-[90px] max-h-[150px] outline-[0px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
                 </div>
 
                 <div class="mb-[15px] flex items-start">
                     <p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Cho phép Google Index </p>
 
                     <label class="inline-flex items-center cursor-pointer">
-                        <input type="checkbox" class="scale-[1.4] mr-2">
-                        <span> Cho phép Google Index </span>
+                        <input type="checkbox" class="checkbox checkbox-success">
+                        <span class="label-text ml-[15px]"> Cho phép Google Index </span>
                     </label>
                 </div>
 
@@ -243,8 +324,8 @@
                     <p class="mb-[7px] w-[100%] font-[600] w-[220px]"> Hiển thị Mục lục đầu bài viết </p>
 
                     <label class="inline-flex items-center cursor-pointer">
-                        <input type="checkbox" class="scale-[1.4] mr-2">
-                        <span> Cho phép hiển thị </span>
+                        <input type="checkbox" class="checkbox checkbox-success">
+                        <span class="label-text ml-[15px]"> Cho phép hiển thị </span>
                     </label>
                 </div>
 
@@ -260,33 +341,86 @@
 
                     <div>
                         <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
-                            <input type="radio" value="0" name="info[article_time_set]" class="left-0" checked=""> 
-                            <span> Thời gian tạo bài </span>
+                            <input type="radio" value="0" name="info[article_time_set]"
+                                class="radio checked:bg-blue-500" checked="">
+                            <span class="label-text ml-[10px]"> Thời gian tạo bài </span>
                         </label>
 
                         <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
-                            <input type="radio" value="1" name="info[article_time_set]" class="left-0"> 
-                            <span> Chọn thời gian </span>
+                            <input type="radio" value="1" name="info[article_time_set]"
+                                class="radio checked:bg-blue-500">
+                            <span class="label-text ml-[10px]"> Chọn thời gian </span>
                         </label>
 
                         <div class="w-[100%] hidden" id="js-publish_time">
                             <div class="flex items-center m-[10px_0]">
                                 <div class="relative mr-[20px]">
-                                    <i class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
-                                    <input type="date" name="from_time_date" value="" placeholder="Từ ngày" class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                    <i
+                                        class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                    <input type="date" name="from_time_date" value="" placeholder="Từ ngày"
+                                        class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
                                 </div>
-        
+
                                 <p class="mr-[10px]"> Giờ </p>
-                                
-                                <select name="info[from_time_minute]" id="from_time_minute" style="width: 85px;" class="border border-[#d8d8d8] h-[36px] rounded-[4px] pl-[5px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
-                                    <option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option>
+
+                                <select name="info[from_time_minute]" id="from_time_minute" style="width: 85px;"
+                                    class="border border-[#d8d8d8] h-[36px] rounded-[4px] pl-[5px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                                    <option value="00:00">00:00</option>
+                                    <option value="00:30">00:30</option>
+                                    <option value="01:00">01:00</option>
+                                    <option value="01:30">01:30</option>
+                                    <option value="02:00">02:00</option>
+                                    <option value="02:30">02:30</option>
+                                    <option value="03:00">03:00</option>
+                                    <option value="03:30">03:30</option>
+                                    <option value="04:00">04:00</option>
+                                    <option value="04:30">04:30</option>
+                                    <option value="05:00">05:00</option>
+                                    <option value="05:30">05:30</option>
+                                    <option value="06:00">06:00</option>
+                                    <option value="06:30">06:30</option>
+                                    <option value="07:00">07:00</option>
+                                    <option value="07:30">07:30</option>
+                                    <option value="08:00">08:00</option>
+                                    <option value="08:30">08:30</option>
+                                    <option value="09:00">09:00</option>
+                                    <option value="09:30">09:30</option>
+                                    <option value="10:00">10:00</option>
+                                    <option value="10:30">10:30</option>
+                                    <option value="11:00">11:00</option>
+                                    <option value="11:30">11:30</option>
+                                    <option value="12:00">12:00</option>
+                                    <option value="12:30">12:30</option>
+                                    <option value="13:00">13:00</option>
+                                    <option value="13:30">13:30</option>
+                                    <option value="14:00">14:00</option>
+                                    <option value="14:30">14:30</option>
+                                    <option value="15:00">15:00</option>
+                                    <option value="15:30">15:30</option>
+                                    <option value="16:00">16:00</option>
+                                    <option value="16:30">16:30</option>
+                                    <option value="17:00">17:00</option>
+                                    <option value="17:30">17:30</option>
+                                    <option value="18:00">18:00</option>
+                                    <option value="18:30">18:30</option>
+                                    <option value="19:00">19:00</option>
+                                    <option value="19:30">19:30</option>
+                                    <option value="20:00">20:00</option>
+                                    <option value="20:30">20:30</option>
+                                    <option value="21:00">21:00</option>
+                                    <option value="21:30">21:30</option>
+                                    <option value="22:00">22:00</option>
+                                    <option value="22:30">22:30</option>
+                                    <option value="23:00">23:00</option>
+                                    <option value="23:30">23:30</option>
                                 </select>
                             </div>
-                                            
+
                         </div>
                     </div>
 
-                    <i class="w-[100%] font-[300] text-[#6B7280] mt-[5px]">(Hiển thị cho người xem thời gian thật của bài thay vì thời gian cập nhật)</i>
+                    <i class="w-[100%] font-[300] text-[#6B7280] mt-[5px]">(Hiển thị cho người xem thời gian thật của
+                        bài thay vì thời gian cập nhật)</i>
                 </div>
 
 
@@ -295,18 +429,19 @@
 
                     <div>
                         <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
-                            <input type="radio" value="0" name="info[status]" class="left-0" checked=""> 
-                            <span> Bản nháp </span>
+                            <input type="radio" value="0" name="info[status]" class="radio checked:bg-blue-500"
+                                checked="">
+                            <span class="label-text ml-[10px]"> Bản nháp </span>
                         </label>
 
                         <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
-                            <input type="radio" value="1" name="info[status]" class="left-0"> 
-                            <span> Cho hiển thị </span>
+                            <input type="radio" value="1" name="info[status]" class="radio checked:bg-blue-500">
+                            <span class="label-text ml-[10px]"> Cho hiển thị </span>
                         </label>
 
                         <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[34px]">
-                            <input type="radio" value="-1" name="info[status]" class="left-0"> 
-                            <span> Chờ duyệt </span>
+                            <input type="radio" value="-1" name="info[status]" class="radio checked:bg-blue-500">
+                            <span class="label-text ml-[10px]"> Chờ duyệt </span>
                         </label>
 
                     </div>
@@ -316,14 +451,16 @@
                 <div class="flex flex-wrap items-center">
                     <p class="w-[230px] font-bold"> Xem thử </p>
 
-                    <a href="" target="_blank" class="inline-block font-[600] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[30px] p-[0_12px] transition hover:bg-[#0041E8] hover:text-white">
+                    <a href="" target="_blank"
+                        class="inline-block font-[600] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[30px] p-[0_12px] transition hover:bg-[#0041E8] hover:text-white">
                         Xem bài viết tại trang web
                     </a>
                 </div>
 
             </div>
 
-            <input type="submit" value="Cập nhật" class="inline-block m-[16px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
+            <input type="submit" value="Cập nhật"
+                class="inline-block m-[16px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
         </form>
     </div>
 </div>
@@ -350,10 +487,10 @@
 </script>
 
 <script>
-    $(function(){
-        $("input[name='info[article_time_set]']").click(function(){
-            if($(this).val() == 1) $("#js-publish_time").show();
+    $(function () {
+        $("input[name='info[article_time_set]']").click(function () {
+            if ($(this).val() == 1) $("#js-publish_time").show();
             else $("#js-publish_time").hide();
-        }) ;
+        });
     });
 </script>
\ No newline at end of file
diff --git a/template/article/home.html b/template/article/home.html
index 6c27440..afbce7a 100644
--- a/template/article/home.html
+++ b/template/article/home.html
@@ -1,44 +1,54 @@
-<div class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+<div
+    class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
     <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Bài viết </p>
 
-    <form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
-        <input type="text" name="q" id="keyword" value="" placeholder="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
-        <input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+    <form method="get" enctype="multipart/form-data" action="/admin/"
+        class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+        <input type="text" name="q" id="keyword" value="" placeholder=""
+            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+        <input type="submit" value="Tìm kiếm"
+            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
     </form>
 
     <div class="flex items-center flex-wrap justify-between mb-[20px]">
         <div class="flex items-center">
-            <select class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+            <select
+                class="min-w-[160px] h-[36px] p-[0_5px] border border-[#D8D8D8] rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
                 <option value=""> Chọn danh mục </option>
                 <option value=""> option </option>
             </select>
 
-            <a href="" class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]"> 
+            <a href=""
+                class="leading-[35px] mr-[16px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
                 Xem nội dung đang ẩn
             </a>
 
-            <a href="" class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]"> 
+            <a href=""
+                class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
                 Xem nội dung nổi bật
             </a>
         </div>
-        
+
 
         <div class="flex items-center font-[500] leading-[35px]">
-            <a href="/admin/article/form" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-                <span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+            <a href="/admin/article/form"
+                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <span
+                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
                 <span>Thêm nội dung mới</span>
             </a>
 
-            <a href="/admin/article/category" class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+            <a href="/admin/article/category"
+                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
                 <i class="far fa-folder mr-2"></i>
                 <span>Quản lý danh mục</span>
             </a>
         </div>
     </div>
 
-    <div class="order-page-table">
+    <div class="table">
         <table>
-            <thead>
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
                 <tr>
                     <td width="40"> STT </td>
                     <td width="130"> Ảnh </td>
@@ -55,7 +65,7 @@
                     <td align="center"> 1 </td>
 
                     <td>
-                        <img src="https://via.placeholder.com/880x350" class="block m-auto"/>
+                        <img src="https://via.placeholder.com/880x350" class="block m-auto" />
                     </td>
 
                     <td>
@@ -63,10 +73,11 @@
                         <a href=""> Elgato – Happy New Year 2024 Deal Hot Đầu Xuân </a>
 
                         <div class="m-[5px_0]"> Thời gian chương trình : 15.02.2024 – 24.02.2024 </div>
-                        
+
                         <div>
                             STT
-                            <input type="text" value="0" class="w-[140px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+                            <input type="text" value="0"
+                                class="w-[140px] h-[32px] border border-[#D8D8D8] m-[0_0_0_10px] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
                         </div>
                     </td>
 
@@ -77,7 +88,7 @@
                     </td>
 
                     <td>
-                        <p> Cập nhật: Nguyễn MInh Hải  </p>
+                        <p> Cập nhật: Nguyễn MInh Hải </p>
                         <p> (15-02-2024, 2:57 pm) </p>
                     </td>
 
@@ -85,15 +96,21 @@
                         <div class="items-center flex">
                             <a href="/admin/article/form?id=1" title="Sửa lại" class="icons icon-edit"></a>
 
-                            <a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+                            <a href="" title="Xem tại web"
+                                class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
 
-                            <a href="" title="Cho nổi bật" class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+                            <a href="" title="Cho nổi bật"
+                                class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
 
-                            <a href="" title="Hạ nổi bật" class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+                            <a href="" title="Hạ nổi bật"
+                                class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
 
-                            <a href="" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-                            
-                            <a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
+                            <a href="" title="Hạ xuống"
+                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                            <a href="" title="Cho Hiển thị"
+                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                            </a>
 
                             <a href="" title="Xóa" class="icons icon-delete"></a>
                         </div>
@@ -104,7 +121,7 @@
             </tbody>
         </table>
     </div>
-    
+
     <div class="paging">
         <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
         <a href="" class="current">1</a>
diff --git a/template/banner/home.html b/template/banner/home.html
index fbf1b88..ee7cf2c 100644
--- a/template/banner/home.html
+++ b/template/banner/home.html
@@ -51,9 +51,9 @@
         </div>
     </div>
 
-    <div class="order-page-table td-top">
+    <div class="table td-top">
         <table>
-            <thead style="font-weight: 500;">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
                 <td> STT </td>
                 <td width="280"> Ảnh </td>
                 <td> Thông tin </td>
diff --git a/template/customer/comment.html b/template/customer/comment.html
index 018c956..a206700 100644
--- a/template/customer/comment.html
+++ b/template/customer/comment.html
@@ -36,8 +36,8 @@
         </div>
 
 
-        <table class="table-comment">
-            <thead>
+        <table class="table">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
                     <th>STT</th>
                     <th>Phản hồi</th>
diff --git a/template/customer/customer_contact.html b/template/customer/customer_contact.html
index f236d8a..485d4e5 100644
--- a/template/customer/customer_contact.html
+++ b/template/customer/customer_contact.html
@@ -22,8 +22,8 @@
         </div>
 
 
-        <table class="table-comment">
-            <thead>
+        <table class="table">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
                     <th class="w-[50px]">STT</th>
                     <th>Thời gian</th>
@@ -51,7 +51,8 @@
                     <td>
                         <textarea name="" id=""
                             class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
-                        <a href="" class="p-[5px_10px_5px_10px] rounded-[4px] bg-[#0041E8] text-white">Cập nhật</a>
+                        <a href="" class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
+                            nhật</a>
                     </td>
 
 
diff --git a/template/customer/customer_group.html b/template/customer/customer_group.html
index 4eae7c0..fa25270 100644
--- a/template/customer/customer_group.html
+++ b/template/customer/customer_group.html
@@ -13,8 +13,8 @@
             </a>
         </div>
 
-        <table class="table-customer-group mt-[15px]">
-            <thead>
+        <table class="table mt-[15px]">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
                     <th class="w-[50px]">STT</th>
                     <th>Mã nhóm</th>
diff --git a/template/customer/customer_newsletter.html b/template/customer/customer_newsletter.html
index 1b2d35e..d8f150a 100644
--- a/template/customer/customer_newsletter.html
+++ b/template/customer/customer_newsletter.html
@@ -25,8 +25,8 @@
             </a>
         </div>
 
-        <table class="mt-[15px] table-newsletter">
-            <thead>
+        <table class="mt-[15px] table">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
                     <th class="w-[50px]">STT</th>
                     <th>Họ tên</th>
diff --git a/template/customer/customer_review.html b/template/customer/customer_review.html
index 73500b6..d254565 100644
--- a/template/customer/customer_review.html
+++ b/template/customer/customer_review.html
@@ -9,8 +9,8 @@
                 <option value="">Lọc xem ý kiến</option>
             </select>
         </div>
-        <table class="table-review mt-[15px]">
-            <thead>
+        <table class="table mt-[15px]">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
                     <th class="w-[50px]">STT</th>
                     <th>Khách hàng</th>
diff --git a/template/customer/home.html b/template/customer/home.html
index 433b5cb..e729075 100644
--- a/template/customer/home.html
+++ b/template/customer/home.html
@@ -51,8 +51,8 @@
             </div>
         </div>
 
-        <table class="w-[100%] mt-[15px] table-list-customer">
-            <thead>
+        <table class="w-[100%] mt-[15px] table">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
                     <th>STT</th>
                     <th>ID</th>
diff --git a/template/customer/review.html b/template/customer/review.html
index 16b5805..b995a6d 100644
--- a/template/customer/review.html
+++ b/template/customer/review.html
@@ -36,8 +36,8 @@
         </div>
 
 
-        <table class="table-comment">
-            <thead>
+        <table class="table">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
                     <th>STT</th>
                     <th>Phản hồi</th>
diff --git a/template/deal/home.html b/template/deal/home.html
index 8c1bb6f..f22a0ac 100644
--- a/template/deal/home.html
+++ b/template/deal/home.html
@@ -43,9 +43,9 @@
         </div>
     </div>
 
-    <div class="order-page-table">
+    <div class="table">
         <table>
-            <thead>
+            <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                 <tr>
                     <td width="40">
                         <input type="checkbox" class="checkbox checkbox-success"
diff --git a/template/job/home.html b/template/job/home.html
index 02a5eee..e69de29 100644
--- a/template/job/home.html
+++ b/template/job/home.html
@@ -1 +0,0 @@
-template/job/home.html
\ No newline at end of file
diff --git a/template/marketing/conditional_promotion.html b/template/marketing/conditional_promotion.html
index 99ca615..8c9f99a 100644
--- a/template/marketing/conditional_promotion.html
+++ b/template/marketing/conditional_promotion.html
@@ -11,9 +11,9 @@
         </a>
     </div>
 
-    <div class="order-page-table">
+    <div class="table">
         <table>
-            <thead>
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
                 <tr>
                     <td> STT </td>
                     <td> Khuyến mại </td>
diff --git a/template/marketing/coupon.html b/template/marketing/coupon.html
index f2f7830..ccf8454 100644
--- a/template/marketing/coupon.html
+++ b/template/marketing/coupon.html
@@ -1,18 +1,23 @@
-<div class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+<div
+    class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
     <p class="leading-[30px] mb-[13px] font-[600] text-[24px]"> Coupon khuyến mại </p>
 
     <div class="flex justify-between items-start m-[13px_0]">
-        <p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ website. Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được ưu đãi ghi trên phiếu</p>
+        <p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ website.
+            Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được ưu
+            đãi ghi trên phiếu</p>
 
-        <a href="/admin/marketing/coupon-add" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]" >
-            <span class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
+        <a href="/admin/marketing/coupon-add"
+            class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
+            <span
+                class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
             <span>Thêm phiếu mới</span>
         </a>
     </div>
-    
-    <div class="order-page-table">
-        <table>
-            <thead>
+
+    <div>
+        <table class="table">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
                     <td width="50"> STT </td>
                     <td> Mã số </td>
@@ -26,7 +31,7 @@
             </thead>
 
             <tbody>
-                <tr>
+                <tr class="text-[13px]">
                     <td align="center"> 1 </td>
 
                     <td class="whitespace-nowrap"> CP231020233 </td>
@@ -44,26 +49,29 @@
                     <td>
 
                         <div class="flex items-start">
-                            <p class="inline-block m-[0_6px_6px_0]"> 
+                            <p class="inline-block m-[0_6px_6px_0] text-[13px]">
                                 - Bắt đầu: 23-10-2023, 12:00 am <br>
-                                - Kết thúc: 28-10-2023, 12:00 am 
+                                - Kết thúc: 28-10-2023, 12:00 am
                             </p>
+                            <div>
+                                <span
+                                    class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
+                                    Đã chạy
+                                </span>
 
-                            <span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> 
-                                Đã chạy 
-                            </span>
-
-                            <span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
-                                Đã dừng 
-                            </span>
-                        </div>                       
+                                <span
+                                    class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
+                                    Đã dừng
+                                </span>
+                            </div>
+                        </div>
                     </td>
-                    
+
                     <td>
                         <p> 0 đã dùng </p>
                         <p> Tổng số: 20 </p>
                     </td>
-                    
+
                     <td>
                         <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
                         <p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
@@ -74,16 +82,68 @@
                         <div class="items-center flex">
                             <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
 
-                            <a href="javascript:void(0)" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-                            
-                            <a href="javascript:void(0)" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
+                            <a href="javascript:void(0)" title="Hạ xuống"
+                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                            <a href="javascript:void(0)" title="Cho Hiển thị"
+                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                            </a>
 
                             <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
                         </div>
                     </td>
                 </tr>
 
-                <tr> <td align="center"> 1 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div class="flex items-start"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am <br>- Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> <span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <div class="items-center flex"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="javascript:void(0)" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
+                <tr>
+                    <td align="center"> 1 </td>
+                    <td class="whitespace-nowrap"> CP231020233 </td>
+                    <td>
+                        <p class="font-bold"> Test phiếu giảm giá </p>
+                        <div> Test phiếu giảm giá </div>
+                    </td>
+                    <td>
+                        <p class="font-bold"> Tặng sản phẩm </p>
+                        <p> Balo thời trang </p>
+                    </td>
+                    <td>
+                        <div class="flex items-start">
+                            <p class="inline-block m-[0_6px_6px_0] text-[13px]">
+                                - Bắt đầu: 23-10-2023, 12:00 am <br>
+                                - Kết thúc: 28-10-2023, 12:00 am
+                            </p>
+                            <div>
+                                <span
+                                    class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
+                                    Đã chạy
+                                </span>
+
+                                <span
+                                    class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
+                                    Đã dừng
+                                </span>
+                            </div>
+                        </div>
+                    </td>
+                    <td>
+                        <p> 0 đã dùng </p>
+                        <p> Tổng số: 20 </p>
+                    </td>
+                    <td>
+                        <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
+                        <p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
+                        <p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
+                    </td>
+                    <td>
+                        <div class="items-center flex"> <a href="/admin/marketing/coupon-add?id=8"
+                                class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
+                                title="Hạ xuống"
+                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+                            <a href="javascript:void(0)" title="Cho Hiển thị"
+                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                            </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
+                        </div>
+                    </td>
+                </tr>
             </tbody>
         </table>
     </div>
diff --git a/template/marketing/feed.html b/template/marketing/feed.html
index 1e69e96..3388aeb 100644
--- a/template/marketing/feed.html
+++ b/template/marketing/feed.html
@@ -1,31 +1,35 @@
 {% if global.url contains 'view=fb-product-select' %}
 
-    {% include 'marketing/feed_select' %}
+{% include 'marketing/feed_select' %}
 
 {% elsif global.url contains 'view=fb-product-add' %}
 
-    {% include 'marketing/feed_add' %}
+{% include 'marketing/feed_add' %}
 
 {% elsif global.url contains 'view=fb-product-list' %}
 
-    {% include 'marketing/feed_list' %}
+{% include 'marketing/feed_list' %}
 
 {% else %}
-<div class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+<div
+    class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
     <p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
 
     <div class="flex items-center justify-between mb-[20px]">
-        <p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook Feed ở danh sách phù hợp để nhập trong facebook ad manager</p>
+        <p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook Feed
+            ở danh sách phù hợp để nhập trong facebook ad manager</p>
 
-        <a href="/admin/marketing/feed?view=fb-product-add" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
-            <span class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+        <a href="/admin/marketing/feed?view=fb-product-add"
+            class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+            <span
+                class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
             <span>Thêm danh sách mới</span>
         </a>
     </div>
 
-    <div class="order-page-table">
+    <div class="table">
         <table>
-            <thead>
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
                 <tr>
                     <td width="45"> STT </td>
                     <td> Danh sách </td>
@@ -47,12 +51,14 @@
                     <td align="center"> 6.055 sp </td>
 
                     <td>
-                        <input type="text" value="/feed/facebook.php?id=1" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
+                        <input type="text" value="/feed/facebook.php?id=1" readonly
+                            class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
                         <a href=""> FB feed </a>
                     </td>
 
                     <td>
-                        <input type="text" value="/feed/google.php?id=1" readonly class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]"/>
+                        <input type="text" value="/feed/google.php?id=1" readonly
+                            class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
                         <a href=""> Google feed </a>
                     </td>
 
@@ -62,12 +68,17 @@
                     </td>
 
                     <td>
-                        <div class="flex items-center flex-wrap justify-center">  
-                            <a href="/admin/marketing/feed?view=fb-product-list&id=1" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem sản phẩm</a>
+                        <div class="flex items-center flex-wrap justify-center">
+                            <a href="/admin/marketing/feed?view=fb-product-list&id=1"
+                                class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
+                                sản phẩm</a>
 
-                            <a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit" title="Sửa lại"></a>
-                            
-                            <a href="/admin/marketing/feed?view=fb-product-select&id=1" class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]" title="Thêm sản phẩm"></a>
+                            <a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit"
+                                title="Sửa lại"></a>
+
+                            <a href="/admin/marketing/feed?view=fb-product-select&id=1"
+                                class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]"
+                                title="Thêm sản phẩm"></a>
 
                             <a href="" class="icons icon-delete" title="Xóa"></a>
                         </div>
diff --git a/template/marketing/poster_list.html b/template/marketing/poster_list.html
index ff4ee05..6b5c170 100644
--- a/template/marketing/poster_list.html
+++ b/template/marketing/poster_list.html
@@ -8,9 +8,9 @@
         </a>
     </div>
 
-    <div class="order-page-table">
+    <div class="table">
         <table>
-            <thead>
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-[500]">
                 <tr>
                     <td> STT </td>
                     <td> Quản trị </td>
diff --git a/template/marketing/promotion.html b/template/marketing/promotion.html
index f8d9e4b..01fc3c1 100644
--- a/template/marketing/promotion.html
+++ b/template/marketing/promotion.html
@@ -1,33 +1,41 @@
-<div class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+<div
+    class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
     <p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Khuyến mại theo sản phẩm </p>
 
-    <form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+    <form method="get" enctype="multipart/form-data" action="/admin/"
+        class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
         <input type="hidden" name="opt" value="marketing">
         <input type="hidden" name="view" value="promotion">
 
-        <input type="text" name="q" id="keyword" value="" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
-        <input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+        <input type="text" name="q" id="keyword" value=""
+            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+        <input type="submit" value="Tìm kiếm"
+            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
     </form>
 
     <div class="flex items-center justify-between m-[20px_0_25px]">
-        <p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm phù hợp cho từng khuyến mại </p>
-        
+        <p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm phù
+            hợp cho từng khuyến mại </p>
+
         <div class="flex items-center">
-            <a href="/admin/marketing/promotion-add" class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
-                <span class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
+            <a href="/admin/marketing/promotion-add"
+                class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
+                <span
+                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
                 <span>Thêm khuyến mại mới</span>
             </a>
 
-            <a href="/admin/marketing/promotion-group" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
+            <a href="/admin/marketing/promotion-group"
+                class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
                 <i class="far fa-bookmark mr-[8px]"></i>
                 <span>Nhóm khuyến mại</span>
             </a>
         </div>
     </div>
 
-    <div class="order-page-table">
-        <table>
-            <thead>
+    <div>
+        <table class="table">
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr class="font-[600]">
                     <td width="50"> STT </td>
                     <td> Khuyến mại </td>
@@ -60,15 +68,19 @@
                 </td>
 
                 <td>
-                    <a href="/admin/marketing/promotion-product?id=1" class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
+                    <a href="/admin/marketing/promotion-product?id=1"
+                        class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
                 </td>
 
                 <td>
-                    <div class="flex items-center flex-wrap justify-center">                        
-                        <a href="/admin/marketing/promotion-add?id=1" class="icons icon-edit" title="Sửa lại"></a> 
-                        <a href="" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>
+                    <div class="flex items-center flex-wrap justify-center">
+                        <a href="/admin/marketing/promotion-add?id=1" class="icons icon-edit" title="Sửa lại"></a>
+                        <a href="" title="Cho Hiển thị"
+                            class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                        </a>
                         <!-- <a href="" title="Hạ Hiển thị" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
-                        <a href="" title="Dừng khuyến mại" class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>                        
+                        <a href="" title="Dừng khuyến mại"
+                            class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
                         <a href="" class="icons icon-delete" title="Xóa"></a>
                     </div>
                 </td>
diff --git a/template/media/home.html b/template/media/home.html
index 52a5b6b..e4be6e1 100644
--- a/template/media/home.html
+++ b/template/media/home.html
@@ -38,9 +38,9 @@
         tả Sản phẩm hay bài viết khác.
     </p>
 
-    <div class="order-page-table">
+    <div class="table">
         <table>
-            <thead>
+            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
                 <tr>
                     <td width="50"> STT </td>
                     <td width="120"> Xem nhanh </td>
diff --git a/template/order/home.html b/template/order/home.html
index 2540af8..caec5cb 100644
--- a/template/order/home.html
+++ b/template/order/home.html
@@ -34,8 +34,8 @@
                         <i
                             class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
                     </div>
-                    <input datepicker name="start" type="text"
-                        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[125px] ps-[30px] p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                    <input name="start-time" type="date"
+                        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
                         placeholder="Từ ngày">
                 </div>
                 <div class="relative ml-[15px]">
@@ -43,8 +43,8 @@
                         <i
                             class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
                     </div>
-                    <input name="end" type="text"
-                        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[125px] ps-[30px] p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+                    <input name="end-time" type="date"
+                        class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
                         placeholder="Đến ngày">
                 </div>
             </div>
@@ -78,9 +78,9 @@
         </div>
     </div>
 
-    <div class="order-page-table">
+    <div>
         <table class="table">
-            <thead class="bg-[#f6f6f6]">
+            <thead class="bg-[#f6f6f6] text-[14px] font-500 text-[#000]">
                 <tr>
                     <td> STT </td>
                     <td class="w-[85px]"> Mã số </td>
@@ -106,7 +106,7 @@
                         </select>
                     </td>
 
-                    <td width="160">
+                    <td width="170">
                         <select onchange="setHiddenValue('js-status', this.value); runFilter()">
                             <option value="">Tình trạng đơn</option>
                             {% for _item in page.order_status_list %}
@@ -115,13 +115,13 @@
                         </select>
                     </td>
 
-                    <td width="160">
+                    <td width="180">
                         <select onchange="setHiddenValue('assign_to', this.value); runFilter()">
                             <option value="">Người được giao</option>
                         </select>
                     </td>
 
-                    <td width=""> Xem </td>
+                    <td> Xem </td>
                 </tr>
             </thead>
 
@@ -148,7 +148,7 @@
                     </td>
                     <td>
                         <div class="flex justify-center">
-                            <a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a>
+                            <a href="/admin/order/detail?id=369" class="icons icon-edit mr-[7px]" title="Chi tiết"></a>
                             <a href="" class="icons icon-delete" title="Xóa"></a>
                         </div>
                     </td>
@@ -176,7 +176,7 @@
                     </td>
                     <td>
                         <div class="flex justify-center">
-                            <a href="/admin/order/detail?id=369" class="icons icon-edit" title="Chi tiết"></a>
+                            <a href="/admin/order/detail?id=369" class="icons icon-edit mr-[7px]" title="Chi tiết"></a>
                             <a href="" class="icons icon-delete" title="Xóa"></a>
                         </div>
                     </td>
diff --git a/template/payinstall/category.html b/template/payinstall/category.html
index 78837bb..2e559f5 100644
--- a/template/payinstall/category.html
+++ b/template/payinstall/category.html
@@ -14,8 +14,8 @@
             </div>
         </div>
 
-        <table class="style-table mt-[15px]">
-            <thead>
+        <table class="table mt-[15px]">
+            <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                 <tr>
                     <th>Danh mục</th>
                     <th class="w-[190px]">SP</th>
@@ -32,17 +32,20 @@
                     <td>
                         <div class="flex items-center justify-center">
                             <p>798</p>
-                            <a href="" class="p-[5px] rounded-[4px] bg-[#0041E8] text-white ml-[5px]">Xem sản phẩm</a>
+                            <a href=""
+                                class="btn w-[120px] h-[30px] min-h-[30px] p-[5px] rounded-[4px] bg-[#0041E8] text-white ml-[5px]">Xem
+                                sản
+                                phẩm</a>
                         </div>
                     </td>
                     <td>
                         <div class="list-btn flex items-center justify-center">
                             <a href="/0-vetp" title="Xem tại web" target="_blank"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                 <i class="icons icon-view"></i>
                             </a>
                             <a href="/0-vetp" title="Xem tại web" target="_blank"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                 <i class="fa-solid fa-piggy-bank text-[#0041E8]"></i>
                             </a>
                         </div>
diff --git a/template/payinstall/home.html b/template/payinstall/home.html
index 3c65cb7..c335163 100644
--- a/template/payinstall/home.html
+++ b/template/payinstall/home.html
@@ -8,8 +8,8 @@
             <span class="font-[500]">Thêm công ty</span></a>
 
 
-        <table class="style-table mt-[20px]">
-            <thead>
+        <table class="table mt-[20px]">
+            <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                 <tr>
                     <th class="w-[45px]">STT</th>
                     <th class="w-[215px]">Công ty</th>
@@ -23,11 +23,11 @@
                         <p>HD Saigon</p>
                         <div class='list-btn flex items-center mt-[5px]'>
                             <a href="/admin/payinstall/add-company"
-                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                     class='icons icon-edit'></i></a>
                             <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-remove'></i></a>
+                                class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                    class='icons icon-delete'></i></a>
                         </div>
                     </td>
                     <td>
@@ -41,7 +41,7 @@
                                         <span class="font-[500]">Thêm trả trước</span></a>
                                 </div>
                                 <div class="flex items-center">
-                                    <table class="style-table mt-[15px] w-[85px]">
+                                    <table class="table mt-[15px] w-[85px]">
                                         <tbody>
                                             <tr>
                                                 <td class="">20%</td>
@@ -53,17 +53,17 @@
                                                 <td>
                                                     <div class='list-btn flex items-center mt-[5px]'>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                            class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                                                 class='icons icon-edit'></i></a>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                                                class='icons icon-remove'></i></a>
+                                                            class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-delete'></i></a>
                                                     </div>
                                                 </td>
                                             </tr>
                                         </tbody>
                                     </table>
-                                    <table class="style-table mt-[15px] w-[85px]">
+                                    <table class="table mt-[15px] w-[85px]">
                                         <tbody>
                                             <tr>
                                                 <td class="">20%</td>
@@ -75,11 +75,11 @@
                                                 <td>
                                                     <div class='list-btn flex items-center mt-[5px]'>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                            class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                                                 class='icons icon-edit'></i></a>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                                                class='icons icon-remove'></i></a>
+                                                            class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-delete'></i></a>
                                                     </div>
                                                 </td>
                                             </tr>
@@ -96,7 +96,7 @@
                                         <span class="font-[500]">Thêm thời gian</span></a>
                                 </div>
                                 <div class="flex items-center">
-                                    <table class="style-table mt-[15px] w-[85px]">
+                                    <table class="table mt-[15px] w-[85px]">
                                         <tbody>
                                             <tr>
                                                 <td class="">20%</td>
@@ -108,17 +108,17 @@
                                                 <td>
                                                     <div class='list-btn flex items-center mt-[5px]'>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                            class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                                                 class='icons icon-edit'></i></a>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                                                class='icons icon-remove'></i></a>
+                                                            class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-delete'></i></a>
                                                     </div>
                                                 </td>
                                             </tr>
                                         </tbody>
                                     </table>
-                                    <table class="style-table mt-[15px] w-[85px]">
+                                    <table class="table mt-[15px] w-[85px]">
                                         <tbody>
                                             <tr>
                                                 <td class="">20%</td>
@@ -130,11 +130,11 @@
                                                 <td>
                                                     <div class='list-btn flex items-center mt-[5px]'>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                            class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                                                 class='icons icon-edit'></i></a>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                                                class='icons icon-remove'></i></a>
+                                                            class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-delete'></i></a>
                                                     </div>
                                                 </td>
                                             </tr>
@@ -151,11 +151,11 @@
                         <p>HD Saigon</p>
                         <div class='list-btn flex items-center mt-[5px]'>
                             <a href="/admin/payinstall/add-company"
-                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                     class='icons icon-edit'></i></a>
                             <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-remove'></i></a>
+                                class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                    class='icons icon-delete'></i></a>
                         </div>
                     </td>
                     <td>
@@ -169,7 +169,7 @@
                                         <span class="font-[500]">Thêm trả trước</span></a>
                                 </div>
                                 <div class="flex items-center">
-                                    <table class="style-table mt-[15px] w-[85px]">
+                                    <table class="table mt-[15px] w-[85px]">
                                         <tbody>
                                             <tr>
                                                 <td class="">20%</td>
@@ -181,17 +181,17 @@
                                                 <td>
                                                     <div class='list-btn flex items-center mt-[5px]'>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                            class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                                                 class='icons icon-edit'></i></a>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                                                class='icons icon-remove'></i></a>
+                                                            class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-delete'></i></a>
                                                     </div>
                                                 </td>
                                             </tr>
                                         </tbody>
                                     </table>
-                                    <table class="style-table mt-[15px] w-[85px]">
+                                    <table class="table mt-[15px] w-[85px]">
                                         <tbody>
                                             <tr>
                                                 <td class="">20%</td>
@@ -201,13 +201,13 @@
                                             </tr>
                                             <tr>
                                                 <td>
-                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                    <div class=' list-btn flex items-center mt-[5px]'>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                            class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                                                 class='icons icon-edit'></i></a>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                                                class='icons icon-remove'></i></a>
+                                                            class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-delete'></i></a>
                                                     </div>
                                                 </td>
                                             </tr>
@@ -224,7 +224,7 @@
                                         <span class="font-[500]">Thêm thời gian</span></a>
                                 </div>
                                 <div class="flex items-center">
-                                    <table class="style-table mt-[15px] w-[85px]">
+                                    <table class="table mt-[15px] w-[85px]">
                                         <tbody>
                                             <tr>
                                                 <td class="">20%</td>
@@ -236,17 +236,17 @@
                                                 <td>
                                                     <div class='list-btn flex items-center mt-[5px]'>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                            class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                                                 class='icons icon-edit'></i></a>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                                                class='icons icon-remove'></i></a>
+                                                            class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-delete'></i></a>
                                                     </div>
                                                 </td>
                                             </tr>
                                         </tbody>
                                     </table>
-                                    <table class="style-table mt-[15px] w-[85px]">
+                                    <table class="table mt-[15px] w-[85px]">
                                         <tbody>
                                             <tr>
                                                 <td class="">20%</td>
@@ -256,13 +256,13 @@
                                             </tr>
                                             <tr>
                                                 <td>
-                                                    <div class='list-btn flex items-center mt-[5px]'>
+                                                    <div class=' list-btn flex items-center mt-[5px]'>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                                            class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                                                 class='icons icon-edit'></i></a>
                                                         <a href=""
-                                                            class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                                                class='icons icon-remove'></i></a>
+                                                            class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                                                class='icons icon-delete'></i></a>
                                                     </div>
                                                 </td>
                                             </tr>
diff --git a/template/payinstall/order.html b/template/payinstall/order.html
index cc9b410..9770075 100644
--- a/template/payinstall/order.html
+++ b/template/payinstall/order.html
@@ -10,10 +10,10 @@
             <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
         </form>
 
-        <p>Tổng số: 16</p>
+        <p class="mt-[10px]">Tổng số: 16</p>
 
-        <table class="style-table mt-[15px]">
-            <thead>
+        <table class="table mt-[15px]">
+            <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                 <tr>
                     <th>STT</th>
                     <th class="w-[135px]">Mã đơn</th>
@@ -63,13 +63,13 @@
                     </td>
                     <td>05-03-2024, 12:58 am</td>
                     <td>
-                        <div class='list-btn flex items-center justify-center'>
+                        <div class='list-btn flex items-center justify-center p-[5px_0]'>
                             <a href="/admin/payinstall/order_detail"
-                                class="mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi
+                                class="btn w-[100px] h-[33px] min-h-[33px] mr-[5px] bg-[#0041E8] text-white px-[10px] py-[5px] rounded-[4px]">Chi
                                 tiết</a>
                             <a href=""
                                 class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-remove'></i></a>
+                                    class='icons icon-delete'></i></a>
                         </div>
                     </td>
                 </tr>
diff --git a/template/pcbuilder/home.html b/template/pcbuilder/home.html
index b5641bc..9977e23 100644
--- a/template/pcbuilder/home.html
+++ b/template/pcbuilder/home.html
@@ -5,8 +5,8 @@
         <a href="/admin/pcbuilder/config-edit"
             class="p-[5px] border-[1px] border-[#79B0E2] text-[#79B0E2] rounded-[4px]">Chỉnh sửa linh kiện</a>
 
-        <table class="style-table mt-[15px]">
-            <thead>
+        <table class="table mt-[15px]">
+            <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                 <tr>
                     <th class="w-[50px]">STT</th>
                     <th>ID danh mục</th>
diff --git a/template/report/customer.html b/template/report/customer.html
index 09eb079..412339a 100644
--- a/template/report/customer.html
+++ b/template/report/customer.html
@@ -78,8 +78,8 @@
                         <i class="fa-regular fa-file-excel"></i></a>
                 </div>
 
-                <table class="style-table mt-[15px]">
-                    <thead>
+                <table class="table mt-[15px]">
+                    <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                         <tr>
                             <th class="w-[50px]">STT</th>
                             <th>Ngày</th>
@@ -88,27 +88,27 @@
                     </thead>
                     <tbody>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
diff --git a/template/report/order.html b/template/report/order.html
index 221b360..afcb472 100644
--- a/template/report/order.html
+++ b/template/report/order.html
@@ -78,8 +78,8 @@
                         <i class="fa-regular fa-file-excel"></i></a>
                 </div>
 
-                <table class="style-table mt-[15px]">
-                    <thead>
+                <table class="table mt-[15px]">
+                    <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                         <tr>
                             <th class="w-[50px]">STT</th>
                             <th>Ngày</th>
@@ -89,7 +89,7 @@
                     </thead>
                     <tbody>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                             <td>
@@ -97,7 +97,7 @@
                             </td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                             <td>
@@ -105,7 +105,7 @@
                             </td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                             <td>
@@ -113,7 +113,7 @@
                             </td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                             <td>
diff --git a/template/report/product_buy.html b/template/report/product_buy.html
index b3fd413..88b75d4 100644
--- a/template/report/product_buy.html
+++ b/template/report/product_buy.html
@@ -50,8 +50,8 @@
                     class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
                     <i class="fa-regular fa-file-excel"></i></a>
             </div>
-            <table class="style-table mt-[15px]">
-                <thead>
+            <table class="table mt-[15px]">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                     <tr>
                         <th class="w-[50px]">STT</th>
                         <th>Mã số</th>
@@ -61,7 +61,7 @@
                 </thead>
                 <tbody>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>#2081</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -69,7 +69,7 @@
                         <td>223</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>#2081</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -77,7 +77,7 @@
                         <td>223</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>#2081</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -85,7 +85,7 @@
                         <td>223</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>#2081</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
diff --git a/template/report/product_visit.html b/template/report/product_visit.html
index b7e4631..4017c52 100644
--- a/template/report/product_visit.html
+++ b/template/report/product_visit.html
@@ -50,8 +50,8 @@
                     class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
                     <i class="fa-regular fa-file-excel"></i></a>
             </div>
-            <table class="style-table mt-[15px]">
-                <thead>
+            <table class="table mt-[15px]">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                     <tr>
                         <th class="w-[50px]">STT</th>
                         <th>Mã số</th>
@@ -61,7 +61,7 @@
                 </thead>
                 <tbody>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>#2081</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -69,7 +69,7 @@
                         <td>223</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>#2081</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -77,7 +77,7 @@
                         <td>223</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>#2081</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
@@ -85,7 +85,7 @@
                         <td>223</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>#2081</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
diff --git a/template/report/referer.html b/template/report/referer.html
index faf72e4..156bdb2 100644
--- a/template/report/referer.html
+++ b/template/report/referer.html
@@ -57,8 +57,8 @@
                     class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
                     <i class="fa-regular fa-file-excel"></i></a>
             </div>
-            <table class="style-table mt-[15px]">
-                <thead>
+            <table class="table mt-[15px]">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                     <tr>
                         <td class="w-[50px]">STT</td>
                         <td>Nguồn</td>
@@ -67,21 +67,21 @@
                 </thead>
                 <tbody>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
                         </td>
                         <td>278</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
                         </td>
                         <td>278</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
                         </td>
diff --git a/template/report/search.html b/template/report/search.html
index 6ae1cda..126025f 100644
--- a/template/report/search.html
+++ b/template/report/search.html
@@ -57,8 +57,8 @@
                     class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
                     <i class="fa-regular fa-file-excel"></i></a>
             </div>
-            <table class="style-table mt-[15px]">
-                <thead>
+            <table class="table mt-[15px]">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                     <tr>
                         <td class="w-[50px]">STT</td>
                         <td>Nguồn</td>
@@ -67,21 +67,21 @@
                 </thead>
                 <tbody>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
                         </td>
                         <td>278</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
                         </td>
                         <td>278</td>
                     </tr>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>
                             <a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
                         </td>
diff --git a/template/report/visitor.html b/template/report/visitor.html
index 4c639a1..1ac4fb9 100644
--- a/template/report/visitor.html
+++ b/template/report/visitor.html
@@ -78,37 +78,37 @@
                         <i class="fa-regular fa-file-excel"></i></a>
                 </div>
 
-                <table class="style-table mt-[15px]">
-                    <thead>
+                <table class="table mt-[15px]">
+                    <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                         <tr>
-                            <th class="w-[50px]">STT</th>
+                            <th class="w-[50px] text-center">STT</th>
                             <th>Ngày</th>
                             <th>Số truy cập</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
@@ -127,8 +127,8 @@
                         <i class="fa-regular fa-file-excel"></i></a>
                 </div>
 
-                <table class="style-table mt-[15px]">
-                    <thead>
+                <table class="table mt-[15px]">
+                    <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
                         <tr>
                             <th class="w-[50px]">STT</th>
                             <th>Ngày</th>
@@ -137,27 +137,27 @@
                     </thead>
                     <tbody>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
                         <tr>
-                            <td>1</td>
+                            <td class="text-center">1</td>
                             <td>05-12-2021</td>
                             <td>235</td>
                         </tr>
diff --git a/template/system/form_store_design/other.html b/template/system/form_store_design/other.html
index 278d7b9..5894f31 100644
--- a/template/system/form_store_design/other.html
+++ b/template/system/form_store_design/other.html
@@ -1,6 +1,9 @@
-<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+<form method="post" enctype="multipart/form-data"
+    class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
     <i class="block text-[#E00000] leading-[20px] mb-[20px]">
-        <b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội dung thật sự sẽ được hiển thị ở tất cả các nơi (v.d. Header/Footer).
+        <b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá
+        trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội
+        dung thật sự sẽ được hiển thị ở tất cả các nơi (v.d. Header/Footer).
     </i>
 
     <div class="order-page-table">
@@ -20,11 +23,13 @@
                     <td align="center"> 1 </td>
                     <td> global.settings.builpc_category_special_offer </td>
                     <td> Danh sách khuyến mại theo từng danh mục trang Xây dựng cấu hình </td>
-                    <td> 
+                    <td>
                         <textarea class="block border border-[#D8D8D8] w-[100%] p-[8px]">0000000000</textarea>
                     </td>
                     <td align="center">
-                        <a href="" class="block border border-[#0041E8] text-[#0041E8] bg-[#F5F7FF] mb-[5px] rounded-[4px] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">Cập nhật</a>
+                        <a href=""
+                            class="block border border-[#0041E8] text-[#0041E8] bg-[#F5F7FF] mb-[5px] rounded-[4px] leading-[32px] hover:bg-[#0041E8] hover:text-[#fff]">Cập
+                            nhật</a>
                         <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
                     </td>
                 </tr>
@@ -33,8 +38,10 @@
         </table>
 
         <div class="text-center mt-[15px]">
-            <a href="javascript:add_form_setting()" class="inline-flex items-center">
-                <span class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
+            <a href="javascript:add_form_setting()"
+                class="inline-flex items-center bg-[#F5F7FF] text-[#0041E8] p-[5px_10px] rounded-[4px] hover:bg-[#0041E8] hover:text-[#fff]">
+                <span
+                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1 ">+</span>
                 <span> Thêm quản trị biến nội dung </span>
             </a>
         </div>
@@ -44,9 +51,9 @@
 
 
 <script>
-    var $tb_setting     = $('#js-tb-settings');
-    var current_index   = $tb_setting.find("tr").length - 1;
-    var $row_tpl        = `
+    var $tb_setting = $('#js-tb-settings');
+    var current_index = $tb_setting.find("tr").length - 1;
+    var $row_tpl = `
         <tr>
             <td>{index}</td>
             <td colspan="4" id="js-new-{index}">
diff --git a/template/system/province_list.html b/template/system/province_list.html
index 742bddb..b0cbe8d 100644
--- a/template/system/province_list.html
+++ b/template/system/province_list.html
@@ -20,8 +20,8 @@
     <div class="w-[852px]">
         <div class="p-[15px] bg-white rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
             <b class="block text-[20px] mb-[10px]">Danh sách các tỉnh</b>
-            <table class="style-table">
-                <thead>
+            <table class="table">
+                <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
                     <tr>
                         <th class="w-[50px]">STT</th>
                         <th>SystemID</th>
@@ -46,7 +46,7 @@
                             <div class="flex items-center justify-center">
                                 <p>1</p>
                                 <a href=""
-                                    class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
+                                    class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
                                         class='icons icon-edit'></i></a>
                             </div>
                         </td>
@@ -66,7 +66,7 @@
                             <div class="flex items-center justify-center">
                                 <p>1</p>
                                 <a href=""
-                                    class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
+                                    class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center ml-[7px]'><i
                                         class='icons icon-edit'></i></a>
                             </div>
                         </td>
diff --git a/template/system/settings.html b/template/system/settings.html
index 0267417..056473a 100644
--- a/template/system/settings.html
+++ b/template/system/settings.html
@@ -3,8 +3,8 @@
         <h1 class="text-[24px] font-[700] mb-[15px]">Tổng hợp các cài đặt cho website</h1>
         <div class="mb-[30px]">
             <b class="block mb-[10px]">Cài đặt hiển thị ngoài giao diện:</b>
-            <table class="style-table mt-[15px]">
-                <thead>
+            <table class="table mt-[15px]">
+                <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
                     <tr>
                         <th class="w-[50px]">STT</th>
                         <th>Nội dung</th>
@@ -13,7 +13,7 @@
                 </thead>
                 <tbody>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>Header (logo, banner top)</td>
                         <td>
                             <a href="/admin/system/store-design"
@@ -22,7 +22,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>2</td>
+                        <td class="text-center">2</td>
                         <td>Banner popup</td>
                         <td>
                             <a href="/admin/system/store-design/section=popup"
@@ -31,7 +31,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>3</td>
+                        <td class="text-center">3</td>
                         <td>Ảnh/màu nền website</td>
                         <td>
                             <a href="/admin/system/store-design/section=background"
@@ -40,7 +40,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>4</td>
+                        <td class="text-center">4</td>
                         <td>Thông tin cài đặt tùy biến khác</td>
                         <td>
                             <a href="/admin/system/store-design/section=other"
@@ -53,8 +53,8 @@
         </div>
         <div class="mb-[15px]">
             <b class="block mb-[10px]">Cài đặt dùng cho hệ thống:</b>
-            <table class="style-table mt-[15px]">
-                <thead>
+            <table class="table mt-[15px]">
+                <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
                     <tr>
                         <th class="w-[50px]">STT</th>
                         <th>Nội dung</th>
@@ -63,7 +63,7 @@
                 </thead>
                 <tbody>
                     <tr>
-                        <td>1</td>
+                        <td class="text-center">1</td>
                         <td>Cài đặt hiển thị</td>
                         <td>
                             <a href="/admin/system/setup"
@@ -72,7 +72,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>2</td>
+                        <td class="text-center">2</td>
                         <td>Chi nhánh cửa hàng</td>
                         <td>
                             <a href="/admin/system/store-address"
@@ -81,7 +81,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>3</td>
+                        <td class="text-center">3</td>
                         <td>Chặn IP xấu truy cập website</td>
                         <td>
                             <a href="/admin/system/ban-ip"
@@ -90,7 +90,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>4</td>
+                        <td class="text-center">4</td>
                         <td>Email bán hàng/CSKH</td>
                         <td>
                             <a href="/admin/system/email"
@@ -99,7 +99,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>5</td>
+                        <td class="text-center">5</td>
                         <td>Print/ Xuất Excel</td>
                         <td>
                             <a href="/admin/system/print"
@@ -108,7 +108,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>6</td>
+                        <td class="text-center">6</td>
                         <td>Meta SEO trang chủ</td>
                         <td>
                             <a href="/admin/system/change-info"
@@ -117,7 +117,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>7</td>
+                        <td class="text-center">7</td>
                         <td>Thông tin giới thiệu cửa hàng</td>
                         <td>
                             <a href="/admin/system/change-info"
@@ -126,7 +126,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>8</td>
+                        <td class="text-center">8</td>
                         <td>Thông tin các tỉnh/thành/quận-huyện</td>
                         <td>
                             <a href="/admin/system/province-list"
@@ -135,7 +135,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>9</td>
+                        <td class="text-center">9</td>
                         <td>Các phương thức thanh toán</td>
                         <td>
                             <a href="/admin/system/pay-method"
@@ -144,7 +144,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>10</td>
+                        <td class="text-center">10</td>
                         <td>Các phương thức vận chuyển</td>
                         <td>
                             <a href="/admin/system/ship-method"
@@ -153,7 +153,7 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>11</td>
+                        <td class="text-center">11</td>
                         <td>Cài đặt phí vận chuyển</td>
                         <td>
                             <a href="/admin/shipping2"
diff --git a/template/system/store_address.html b/template/system/store_address.html
index db76ebf..2b420c9 100644
--- a/template/system/store_address.html
+++ b/template/system/store_address.html
@@ -64,12 +64,11 @@
 
             <div class="flex items-center">
                 <b class="w-[200px]">Đây là 1 cửa hàng ?</b>
-                <div class="check-form flex items-center">
-                    <input type="checkbox" name="" value="1" checked
-                        class="checked:bg-[#0041E8]  w-[18px] h-[18px]  rounded-[4px]">
-                    <span class="ml-[10px] text-[#6B7280]">Đây là 1 cửa hàng khách có thể tới
+                <label class="check-form flex items-center cursor-pointer">
+                    <input type="checkbox" name="" value="1" checked class="checkbox checkbox-success">
+                    <span class="ml-[10px] text-[#6B7280] label-text">Đây là 1 cửa hàng khách có thể tới
                     </span>
-                </div>
+                </label>
             </div>
 
             <input type="submit" value="Cập nhật"
@@ -80,8 +79,8 @@
         <div
             class="p-[15px] mb-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
             <b class="block text-[20px] mb-[10px]">Danh sách địa chỉ cửa hàng</b>
-            <table class="style-table mb-[15px]">
-                <thead>
+            <table class="table mb-[15px]">
+                <thead class="bg-[#f6f6f6] text-[14px] font-[500] text-[#000]">
                     <tr>
                         <th class="w-[50px]">STT</th>
                         <th class="w-[135px]">Tên gọi</th>
@@ -103,14 +102,14 @@
                         <td>
                             <div class='list-btn flex items-center'>
                                 <a href=""
-                                    class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                    class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                         class='icons icon-edit'></i></a>
                                 <a href=""
                                     class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                         class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
                                 <a href=""
-                                    class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                        class='icons icon-remove'></i></a>
+                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-delete'></i></a>
                             </div>
                         </td>
                     </tr>
@@ -124,14 +123,14 @@
                         <td>
                             <div class='list-btn flex items-center'>
                                 <a href=""
-                                    class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                    class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                         class='icons icon-edit'></i></a>
                                 <a href=""
                                     class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                         class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
                                 <a href=""
-                                    class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                        class='icons icon-remove'></i></a>
+                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-delete'></i></a>
                             </div>
                         </td>
                     </tr>
diff --git a/template/template/home.html b/template/template/home.html
index 0e0a13c..8ac0325 100644
--- a/template/template/home.html
+++ b/template/template/home.html
@@ -9,8 +9,8 @@
             <span>Thêm mẫu giao diện mới</span>
         </a>
 
-        <table class="mt-[15px] style-table">
-            <thead>
+        <table class="mt-[15px] table">
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
                 <tr>
                     <th class="w-[65px]">STT</th>
                     <th>Thư mục</th>
@@ -41,7 +41,7 @@
                     </td>
                     <td class="align-text-top">
                         <a href="/admin/template/edit-template/default"
-                            class="w-[130px] h-[30px] block m-auto leading-[30px] bg-[#0041E8] block text-center text-white rounded-[4px]">Sửa
+                            class="btn w-[130px] h-[34px] min-h-[34px] block m-auto leading-[30px] bg-[#0041E8] block text-center text-white rounded-[4px]">Sửa
                             giao diện</a>
                     </td>
                     <td class="align-text-top">
@@ -55,12 +55,12 @@
                     <td class="align-text-top">
                         <div class="list-btn flex items-center justify-center">
                             <a href="/admin/template/upload-set" title="Form sản phẩm"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                class="w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                 <i class="icons icon-edit"></i>
                             </a>
                             <a href="/moi-100-dell-gaming-g16-7620-intel-core-i7-12700h-16gb-1tb-rtx-3060-6gb-16-qhd-165hz-ips"
                                 title="Xem tại web" target="_blank"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                 <i class="icons icon-view"></i>
                             </a>
                             <a href=""
@@ -68,8 +68,8 @@
                                 <i class="fa-regular fa-eye text-[#0041E8]"></i>
                             </a>
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
-                                <i class="icons icon-remove"></i>
+                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                <i class="icons icon-delete"></i>
                             </a>
                         </div>
                     </td>
diff --git a/template/theme.html b/template/theme.html
index b1c9fa2..6168e8c 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -304,11 +304,9 @@
     </div>
 
     <script src="{{ 'jquery.js' | asset_url }}"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script>
     <script src="{{ 'global.js' | asset_url }}"></script>
 
 
-
     {% include javascript/index %}
 
 </body>
diff --git a/template/tool/home.html b/template/tool/home.html
index 3598f8f..7da889c 100644
--- a/template/tool/home.html
+++ b/template/tool/home.html
@@ -7,8 +7,8 @@
             trị viên được sử dụng để tránh dữ liệu bị xóa
         </p>
 
-        <table class="style-table">
-            <thead>
+        <table class="table">
+            <thead class="bg-[#f6f6f6] text-[14px] font-[500] text-[#000]">
                 <tr>
                     <th class="w-[40px]">STT</th>
                     <th>Công cụ</th>
@@ -24,7 +24,7 @@
                     </td>
                     <td>
                         <a href="/admin/tool/batch-product"
-                            class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
+                            class="btn w-[115px] h-[34px] min-h-[34px] px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
                             dụng</a>
                     </td>
                 </tr>
@@ -36,7 +36,7 @@
                     </td>
                     <td>
                         <a href="/admin/tool/move-product"
-                            class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
+                            class="btn w-[115px] h-[34px] min-h-[34px] px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
                             dụng</a>
                     </td>
                 </tr>
@@ -48,7 +48,7 @@
                     </td>
                     <td>
                         <a href="/admin/tool/category-product-no-attribute"
-                            class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
+                            class="btn w-[115px] h-[34px] min-h-[34px] px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
                             dụng</a>
                     </td>
                 </tr>
@@ -60,7 +60,7 @@
                     </td>
                     <td>
                         <a href="/admin/tool/check-product-sku"
-                            class="px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
+                            class="btn w-[115px] h-[34px] min-h-[34px] px-[30px] py-[8px] bg-[#0041E8] text-white rounded-[4px]">Sử
                             dụng</a>
                     </td>
                 </tr>
diff --git a/template/url/redirect.html b/template/url/redirect.html
index 88f24b9..be897e5 100644
--- a/template/url/redirect.html
+++ b/template/url/redirect.html
@@ -24,8 +24,8 @@
             </a>
         </div>
 
-        <table class="style-table mt-[15px]">
-            <thead>
+        <table class="table mt-[15px]">
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-500">
                 <tr>
                     <th class="w-[40px]">STT</th>
                     <th>Link truy cập</th>
@@ -51,16 +51,16 @@
                     <td>
                         <div class="list-btn flex items-center justify-center">
                             <a href="" title="Form sản phẩm"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                 <i class="icons icon-edit"></i>
                             </a>
                             <a href="" title="Xem tại web" target="_blank"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                 <i class="icons icon-view"></i>
                             </a>
                             <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
-                                <i class="icons icon-remove"></i>
+                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                <i class="icons icon-delete"></i>
                             </a>
                         </div>
                     </td>