diff --git a/notes/home.md b/notes/home.md
index 4c8d35d..24820bc 100644
--- a/notes/home.md
+++ b/notes/home.md
@@ -2,7 +2,7 @@
 
 Chỉ gồm những thông tin quan trọng nhất mang tính chất: **Chỉ báo việc cần xử lý** và **Tóm tắt thông tin**
 
-## Cột 1: 
+## Cột 1:
 
 ### 1. Việc cần xử lý:
 
@@ -17,16 +17,19 @@ Chỉ gồm những thông tin quan trọng nhất mang tính chất: **Chỉ b
 Mặc định sẽ hiển thị 3 chỉ báo. Khách hàng có thể click vào lựa chọn **Thêm chỉ báo** để tích chọn hiển thị thêm chỉ báo từ danh sách các chỉ báo được lập sẵn bởi hệ thống.
 
 Các thể hiện của chỉ báo:
+
 - Dạng thẻ: Hiển thị tên chỉ báo + số lượng mục cần xử lý
-Ví dụ:
+  Ví dụ:
 - [Đơn hàng mới] 15
 - [Liên hệ mới của khách hàng] 8
-- [Comment mới chưa duyệt] 5  
+- [Comment mới chưa duyệt] 5
+
+### 2. Tóm tắt thông tin:
 
-### 2. Tóm tắt thông tin: 
 Có 2 dạng tóm tắt là **Chỉ số** và **Biểu đồ**
 
-#### Chỉ số: 
+#### Chỉ số:
+
 - Doanh thu trong ngày/tuần/tháng/năm
 - Lợi nhuận trong ngày/tuần/tháng/năm
 - Số đơn hàng trong ngày/tuần/tháng/năm
@@ -37,6 +40,7 @@ Có 2 dạng tóm tắt là **Chỉ số** và **Biểu đồ**
 Cách thể hiện về cơ bản là như hiện tại.
 
 #### Biểu đồ:
+
 - Biểu đồ doanh thu theo ngày/tuần/tháng/năm
 - Biểu đồ số đơn hàng theo ngày/tuần/tháng/năm
 - Biểu đồ số khách hàng mới theo ngày/tuần/tháng/năm
@@ -47,11 +51,12 @@ Khách hàng có thể tùy chọn hiển thị các chỉ số và biểu đồ
 
 Cách thể hiện về cơ bản là như hiện tại.
 
-### 3. Stream thông tin / thông báo: 
+### 3. Stream thông tin / thông báo:
 
 Hiển thị các thông tin, thông báo liên quan tới hoạt động của cửa hàng như: cập nhật đơn hàng, phản hồi khách hàng, cảnh báo lỗi hệ thống, tin tức mới từ ngành hàng, v.v.
 
 Ví dụ:
+
 - [Vừa xong] Đơn hàng #12345 đã được xử lý.
 - [3 phút trước] Khách hàng Nguyễn Văn A đã gửi phản hồi.
 - [4 phút trước] Hệ thống đã phát hiện lỗi kết nối với cổng thanh toán.
@@ -60,25 +65,28 @@ Ví dụ:
 - [33 phút trước] Cập nhật sản phẩm mới: Sản phẩm XYZ đã được thêm vào kho hàng.
 - ... Các thông tin, thông báo khác
 
-
 ## Cột 2: Vùng làm việc cá nhân (fix cứng độ rộng = 450px)
 
 Khu vực này dành cho người dùng thực hiện các tác vụ cá nhân như:
 
 ### 1. To-do list cá nhân:
+
 - Danh sách công việc cá nhân cần hoàn thành.
 - Tùy chọn đánh dấu công việc đã hoàn thành.
 - Tùy chọn thêm, sửa, xóa công việc.
 
 ### 2. Ghi chú nhanh:
+
 - Khu vực để người dùng ghi chú nhanh các ý tưởng, thông tin quan trọng.
 - Tùy chọn lưu, chỉnh sửa, xóa ghi chú.
 
 ### 3. Ticket hỗ trợ từ HuraSoft:
+
 - Hiển thị danh sách các ticket hỗ trợ mà người dùng đã gửi đến HuraSoft.
 - Tùy chọn xem chi tiết, cập nhật trạng thái ticket.
 - Tùy chọn tạo ticket hỗ trợ mới.
 
 ### 4. Liên kết nhanh:
+
 - Danh sách các liên kết nhanh đến các trang quản trị quan trọng như: Quản lý sản phẩm, Quản lý đơn hàng, Quản lý khách hàng, Báo cáo doanh thu, Cài đặt hệ thống, v.v.
 - Tùy chọn thêm, sửa, xóa liên kết nhanh.
diff --git a/template/home/home.html b/template/home/home.html
index 92e6cfa..322c004 100644
--- a/template/home/home.html
+++ b/template/home/home.html
@@ -2,7 +2,173 @@
 
 <div class="grid gap-3 grid-cols-12">
     <div class="col-span-8">
-        <div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4">
+
+        <!-- việc cần làm -->
+        <div class="box-indicator">
+            <div class="flex items-center justify-between mb-3">
+                <b class="text-md">Việc cần làm</b>
+                <button type="button" href="javascript:void(0)"
+                    onclick="document.getElementById('box-add-indicator')?.showModal()"
+                    class="btn btn-sm hura-btn-active cursor-pointer">
+                    <i data-lucide="plus-circle" class="size-3"></i>
+                    Thêm việc cần làm
+                </button>
+            </div>
+            <div class="grid grid-cols-4 gap-3 mt-3">
+                <div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
+                    <div class="p-4">
+                        <div class="flex items-center justify-between">
+                            <div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
+                                <span data-lucide="shopping-cart" class="size-5"></span>
+                            </div>
+                            <a href="/admin/order" class="btn btn-sm hura-btn-outline">Xem</a>
+                        </div>
+                        <div class="mt-3 flex items-center justify-between">
+                            <p class="text-sm font-medium">Đơn hàng mới</p>
+                            <span class="text-base-content/80 text-xs">
+                                52.4%
+                            </span>
+                        </div>
+                        <progress max="125" value="65.5"
+                            class="progress progress-primary mt-0.5 h-1.5 align-super"></progress>
+                        <div class="-mt-1.5 flex items-center justify-between">
+                            <span class="text-sm font-medium">6</span>
+                            <span class="text-base-content/80 text-xs">
+                                10
+                            </span>
+                        </div>
+                    </div>
+                </div>
+                <div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
+                    <div class="p-4">
+                        <div class="flex items-center justify-between">
+                            <div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
+                                <span data-lucide="user" class="size-5"></span>
+                            </div>
+                            <a href="/admin/customer" class="btn btn-sm hura-btn-outline">Xem</a>
+                        </div>
+                        <div class="mt-3 flex items-center justify-between">
+                            <p class="text-sm font-medium">Liên hệ mới</p>
+                            <span class="text-base-content/80 text-xs">
+                                52.5%
+                            </span>
+                        </div>
+                        <progress max="125" value="65.5"
+                            class="progress progress-warning mt-0.5 h-1.5 align-super"></progress>
+                        <div class="-mt-1.5 flex items-center justify-between">
+                            <span class="text-sm font-medium">6</span>
+                            <span class="text-base-content/80 text-xs">
+                                10
+                            </span>
+                        </div>
+                    </div>
+                </div>
+                <div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
+                    <div class="p-4">
+                        <div class="flex items-center justify-between">
+                            <div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
+                                <span data-lucide="bug" class="size-5"></span>
+                            </div>
+                            <a href="#" class="btn btn-sm hura-btn-outline">Xem</a>
+                        </div>
+                        <div class="mt-3 flex items-center justify-between">
+                            <p class="text-sm font-medium">Lỗi web</p>
+                            <span class="text-base-content/80 text-xs">
+                                10%
+                            </span>
+                        </div>
+                        <progress max="100" value="10"
+                            class="progress progress-error mt-0.5 h-1.5 align-super"></progress>
+                        <div class="-mt-1.5 flex items-center justify-between">
+                            <span class="text-sm font-medium">1</span>
+                            <span class="text-base-content/80 text-xs">
+                                5
+                            </span>
+                        </div>
+                    </div>
+                </div>
+                <div class="card bg-base-100 cursor-pointer shadow transition-all hover:shadow-md">
+                    <div class="p-4">
+                        <div class="flex items-center justify-between">
+                            <div class="bg-base-200 rounded-box inline-flex items-center justify-center p-2">
+                                <span data-lucide="badge-dollar-sign" class="size-5"></span>
+                            </div>
+                            <a href="#" class="btn btn-sm hura-btn-outline">Xem</a>
+                        </div>
+                        <div class="mt-3 flex items-center justify-between">
+                            <p class="text-sm font-medium">Đơn trả góp mới</p>
+                            <span class="text-base-content/80 text-xs">
+                                90%
+                            </span>
+                        </div>
+                        <progress max="100" value="90"
+                            class="progress progress-info mt-0.5 h-1.5 align-super"></progress>
+                        <div class="-mt-1.5 flex items-center justify-between">
+                            <span class="text-sm font-medium">9</span>
+                            <span class="text-base-content/80 text-xs">
+                                10
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- box dialog chỉ mục -->
+            <dialog id="box-add-indicator" class="modal p-0">
+                <div class="modal-box bg-transparent p-0 shadow-none max-w-xl">
+                    <div class="bg-base-100 rounded-box p-4">
+                        <div class="flex items-center justify-between">
+                            <b>Thêm danh sách việc cần làm</b>
+                            <form method="dialog">
+                                <button class="btn btn-xs btn-circle btn-ghost" aria-label="Close">
+                                    <i data-lucide="x" class="text-base-content/80 size-4"></i>
+                                </button>
+                            </form>
+                        </div>
+                        <div class="mt-2 -mb-px">
+                            <label class="label py-2 flex items-center gap-2">
+                                <input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
+                                    id="">
+                                <span class="label-text text-black">Đơn hàng mới</span>
+                            </label>
+                            <label class="label py-2 flex items-center gap-2">
+                                <input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
+                                    id="">
+                                <span class="label-text text-black">Liên hệ mới của khách hàng</span>
+                            </label>
+                            <label class="label py-2 flex items-center gap-2">
+                                <input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
+                                    id="">
+                                <span class="label-text text-black">Bài luận mới chưa duyệt</span>
+                            </label>
+                            <label class="label py-2 flex items-center gap-2">
+                                <input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
+                                    id="">
+                                <span class="label-text text-black">Lỗi website</span>
+                            </label>
+                            <label class="label py-2 flex items-center gap-2">
+                                <input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
+                                    id="">
+                                <span class="label-text text-black">Đơn hàng chưa xử lý</span>
+                            </label>
+                            <label class="label py-2 flex items-center gap-2">
+                                <input type="checkbox" name="" class="checkbox checkbox-sm rounded-sm hura-checkbox"
+                                    id="">
+                                <span class="label-text text-black">Đơn hàng trả góp mới</span>
+                            </label>
+
+                            <button type="submit" class="btn hura-btn-active btn-sm mt-3">Lưu lại</button>
+                        </div>
+
+                    </div>
+
+
+                </div>
+            </dialog>
+        </div>
+
+        <div class="grid gap-3 lg:grid-cols-2 xl:grid-cols-4 mt-3">
+            <!-- đơn hàng mới -->
             <div class="card bg-base-100 shadow">
                 <div class="card-body gap-2">
                     <div class="flex items-start justify-between gap-2 text-sm">
@@ -12,7 +178,7 @@
                             </p>
                             <div class="mt-3 flex items-center gap-2">
                                 <p class="inline text-2xl font-semibold">
-                                    10.000.000
+                                    100
                                 </p>
                             </div>
                         </div>
@@ -31,6 +197,7 @@
                     </div>
                 </div>
             </div>
+            <!-- Liên hệ khách hàng -->
             <div class="card bg-base-100 shadow">
                 <div class="card-body gap-2">
                     <div class="flex items-start justify-between gap-2 text-sm">
@@ -41,12 +208,12 @@
                             </p>
                             <div class="mt-3 flex items-center gap-2">
                                 <p class="inline text-2xl font-semibold">
-                                    1.000.000
+                                    12
                                 </p>
                             </div>
                         </div>
                         <div class="bg-base-200 rounded-box flex items-center p-2">
-                            <i data-lucide="package" class="size-5"></i>
+                            <i data-lucide="phone" class="size-5"></i>
                         </div>
                     </div>
                     <div class="flex items-center gap-3 mt-2">
@@ -60,21 +227,22 @@
                     </div>
                 </div>
             </div>
+            <!-- comment mới được phê duyệt -->
             <div class="card bg-base-100 shadow">
                 <div class="card-body gap-2">
                     <div class="flex items-start justify-between gap-2 text-sm">
                         <div>
                             <p class="text-base-content/80 font-medium h-[40px]">
-                                Đơn trả góp
+                                Bình luận mới dược phê duyệt
                             </p>
                             <div class="mt-3 flex items-center gap-2">
                                 <p class="inline text-2xl font-semibold">
-                                    600.000
+                                    20
                                 </p>
                             </div>
                         </div>
                         <div class="bg-base-200 rounded-box flex items-center p-2">
-                            <i data-lucide="users" class="size-5"></i>
+                            <i data-lucide="message-circle-more" class="size-5"></i>
                         </div>
                     </div>
                     <div class="flex items-center gap-3 mt-2">
@@ -88,21 +256,22 @@
                     </div>
                 </div>
             </div>
+            <!-- lỗi web -->
             <div class="card bg-base-100 shadow">
                 <div class="card-body gap-2">
                     <div class="flex items-start justify-between gap-2 text-sm">
                         <div>
                             <p class="text-base-content/80 font-medium h-[40px]">
-                                Đơn hoàn trả
+                                Lỗi website
                             </p>
                             <div class="mt-3 flex items-center gap-2">
                                 <p class="inline text-2xl font-semibold">
-                                    30.000
+                                    30
                                 </p>
                             </div>
                         </div>
                         <div class="bg-base-200 rounded-box flex items-center p-2">
-                            <i data-lucide="eraser" class="size-5"></i>
+                            <i data-lucide="bug" class="size-5"></i>
                         </div>
                     </div>
                     <div class="flex items-center gap-3 mt-2">
@@ -117,6 +286,7 @@
                 </div>
             </div>
         </div>
+
         <!--  End: Dashboard Stats Widget -->
         <div class="mt-3 grid grid-cols-1 gap-3 xl:grid-cols-12">
             <div class="xl:col-span-7">
@@ -281,7 +451,7 @@
                 <a href="#js-report-article" class="btn btn-sm"> Bài viết</a>
             </div>
 
-            <div class="home-report-holder block overflow-x-auto rounded-box border border-base-content/5 bg-base-10"
+            <div class="home-report-holder block overflow-x-auto rounded-box border border-base-400 bg-base-10"
                 id="js-report-most-viewed-products">
                 <table class="table table-sm">
                     <thead class="bg-base-200 text-black font-bold">
diff --git a/template/other/header.html b/template/other/header.html
index a6a1504..0831e4d 100644
--- a/template/other/header.html
+++ b/template/other/header.html
@@ -321,7 +321,7 @@
                     </li>
                     <li>
                         <a href="/logout.php">
-                            <i data-lucide="logout" class="size-4"></i>
+                            <i data-lucide="log-out" class="size-4"></i>
                             <span>Đăng xuất</span>
                         </a>
                     </li>