# Cư dân

Quản lý danh sách cư dân thuộc về dự án

<span style="background-color: rgb(45, 194, 107); color: rgb(255, 255, 255);">**Lưu ý: Có thể tạo mới Căn hộ khi upload file tạo mới cư dân**</span>

<span style="color: rgb(224, 62, 45);">**A. Quản lý danh sách cư dân của dự án**</span>

Màn hình quản lý danh sách cư dân sẽ thể hiện các thông tin chính về chi tiết của cư dân bao gồm:

- Mã cư dân
- Mã căn hộ
- Quan hệ với chủ hộ
- Tên cư dân
- Số điện thoại liên lạc
- CCCD
- Địa chỉ email
- Trạng thái
- Ngày tạo

[![Screenshot 2024-07-31 at 13.16.38.png](https://docs.neohome.vn/uploads/images/gallery/2024-07/scaled-1680-/mi5screenshot-2024-07-31-at-13-16-38.png)](https://docs.neohome.vn/uploads/images/gallery/2024-07/mi5screenshot-2024-07-31-at-13-16-38.png)

*Màn hình quản lý cư dân*

Menu **Quản lý toà nhà (1)** &gt; **Cư dân (2)**

Tại Danh sách cư dân --&gt; Chọn **Toà nhà (3)** để xem cư dân của toà đó

***Các tác vụ khác bao gồm:***

<table border="1" id="bkmrk-%2B-t%E1%BA%A3i-l%C3%AAn-danh-s%C3%A1ch-" style="border-collapse: collapse; width: 47.8571%; height: 204px;"><colgroup><col style="width: 25.9825%;"></col><col style="width: 74.0199%;"></col></colgroup><tbody><tr><td>[![Screenshot 2024-07-31 at 13.26.38.png](https://docs.neohome.vn/uploads/images/gallery/2024-07/scaled-1680-/screenshot-2024-07-31-at-13-26-38.png)](https://docs.neohome.vn/uploads/images/gallery/2024-07/screenshot-2024-07-31-at-13-26-38.png)</td><td>**+ Tải lên Danh sách cư dân (4)**</td></tr><tr><td>[![Screenshot 2024-07-31 at 13.26.47.png](https://docs.neohome.vn/uploads/images/gallery/2024-07/scaled-1680-/screenshot-2024-07-31-at-13-26-47.png)](https://docs.neohome.vn/uploads/images/gallery/2024-07/screenshot-2024-07-31-at-13-26-47.png)</td><td class="align-center">**Tác vụ (5)**

Cập nhật cư dân

Gửi thông tin ZNS đến cư dân

Gửi thông tin email đến cư dân

Xoá cư dân

</td></tr><tr><td><span style="color: rgb(45, 194, 107);">+ Thêm mới</span></td><td>**Thêm mới (6) một cư dân**

</td></tr></tbody></table>

<span style="color: rgb(224, 62, 45);">**B. Thêm mới cư dân**</span>

**<span style="color: rgb(4, 37, 252);">B.1 Thêm mới một cư dân</span>**

**Bước 1:** Chọn module <span class="text-green-500">**Quản lý toà nhà**</span>

**Bước 2:** Chọn mục <span class="text-red-500">**Cư dân**</span>

**Bước 3**: Hệ thống hiển thị màn hình quản lý cư dân

**Bước 4**: chọn <span class="text-blue-500">**Thêm mới**</span>

<span class="text-blue-500">**[![Screenshot 2024-07-31 at 13.35.48.png](https://docs.neohome.vn/uploads/images/gallery/2024-07/scaled-1680-/screenshot-2024-07-31-at-13-35-48.png)](https://docs.neohome.vn/uploads/images/gallery/2024-07/screenshot-2024-07-31-at-13-35-48.png)**</span>

<span class="text-blue-500">**Bước 5:** <span class="font-bold">Nhập thông tin cư dân -&gt; Sau khi nhập xong bấm </span><span class="font-bold"><span class="text-green-500">Thêm mới</span></span></span>

<span class="text-blue-500">**[![Screenshot 2024-07-31 at 13.39.47.png](https://docs.neohome.vn/uploads/images/gallery/2024-07/scaled-1680-/screenshot-2024-07-31-at-13-39-47.png)](https://docs.neohome.vn/uploads/images/gallery/2024-07/screenshot-2024-07-31-at-13-39-47.png)**</span>

**Bước 6**: Sau khi thông tin cư dân được thêm mới thành công, hệ thống sẽ chuyển trở về màn hình danh sách cư dân thuộc dự án.

**<span style="color: rgb(4, 37, 252);">B.2 Thêm mới nhiều cư dân (File upload)</span>**

**Bước 1:** Chọn module <span class="text-green-500">**Quản lý toà nhà**</span>

**Bước 2:** Chọn mục <span class="text-red-500">**Cư dân**</span>

**Bước 3**: Hệ thống hiển thị màn hình quản lý cư dân

**Bước 4**: Chọn [![image.png](https://docs.neohome.vn/uploads/images/gallery/2024-07/scaled-1680-/q5qimage.png)](https://docs.neohome.vn/uploads/images/gallery/2024-07/q5qimage.png)

[![Screenshot 2024-07-31 at 13.42.06.png](https://docs.neohome.vn/uploads/images/gallery/2024-07/scaled-1680-/screenshot-2024-07-31-at-13-42-06.png)](https://docs.neohome.vn/uploads/images/gallery/2024-07/screenshot-2024-07-31-at-13-42-06.png)

<span style="background-color: rgb(241, 196, 15);">**<span style="background-color: rgb(255, 255, 255);">Bước 5: </span>**<span style="background-color: rgb(255, 255, 255);"> Thao tác trên màn hình thêm mới cư dân bằng file upload</span></span>

[![Screenshot 2024-08-16 at 12.43.53.png](https://docs.neohome.vn/uploads/images/gallery/2024-08/scaled-1680-/screenshot-2024-08-16-at-12-43-53.png)](https://docs.neohome.vn/uploads/images/gallery/2024-08/screenshot-2024-08-16-at-12-43-53.png)

<span style="color: rgb(0, 0, 0);"><span style="background-color: rgb(240, 8, 249); color: rgb(255, 255, 255);">(1) </span>Tải về và xem danh sách cư dân đang có trên hệ thống (chọn theo toà nhà | khu) (Chứa các trường thông tin theo file mẫu)</span>

<span style="background-color: rgb(240, 8, 249); color: rgb(255, 255, 255);">(2)</span> <span style="color: rgb(0, 0, 0);">File mẫu: Dùng để nhập dữ liệu của cư dân để upload lên hệ thống. File mẫu chứa các trường thông tin: STT</span> | <span style="color: rgb(224, 62, 45);">Mã căn hộ\*</span> | Mã cư dân | <span style="color: rgb(224, 62, 45);">Tên cư dân\* </span>| <span style="color: rgb(0, 0, 0);">Quan hệ | Điện thoại | Email | CCCD | Mã truy cập| Trạng thái | Ngày tạo</span>

<span style="background-color: rgb(240, 8, 249); color: rgb(255, 255, 255);">(3):</span> <span style="color: rgb(0, 0, 0);">Tải lên file đã tạo đủ dữ liệu <span style="background-color: rgb(224, 62, 45); color: rgb(255, 255, 255);"><span style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"><span style="background-color: rgb(224, 62, 45); color: rgb(255, 255, 255);"><span style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">để hoàn tất tác vụ upload file.</span></span></span></span></span>

<span style="background-color: rgb(224, 62, 45); color: rgb(255, 255, 255);">(4) Ghi đè:</span> <span style="color: rgb(0, 0, 0);">Khi tích chọn vào ô này, cư dân đang có trong toà nhà đó sẽ bị xoá, và dữ liệu mới theo file upload sẽ được cập nhật.</span>

<span style="background-color: rgb(224, 62, 45); color: rgb(255, 255, 255);">(5) Tạo căn hộ<span style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"> Khi tích chọn, hệ thống sẽ khởi tạo đồng thời căn hộ mới (nếu căn hộ chưa có trên hệ thống) và cư dân mới cho căn hộ.</span></span>

**Bước 6**: Sau khi thông tin cư dân được thêm mới thành công, hệ thống sẽ chuyển trở về màn hình danh sách cư dân thuộc dự án.

<span style="color: rgb(224, 62, 45);">**C. Xem chi tiết và chỉnh sửa thông tin cư dân**</span>

<span style="color: rgb(0, 0, 0);">**Bước 1:** Vào menu Quản lý toà nhà (1) &gt; Cư dân (2) &gt; Danh sách cư dân | Thông tin cư dân (3) &gt; Chọn 1 cư dân </span>

<span style="color: rgb(0, 0, 0);">**Bước 2:** Tại thẻ Thông tin (4) có thể xem và chỉnh sửa tất cả các thông hiển thị</span>

<span style="color: rgb(0, 0, 0);">(5): Thông tin liên hệ cư dân </span>

<span style="color: rgb(0, 0, 0);">(6): Thông tin về căn hộ: *Toà nhà (chỉ xem)* | Mã căn hộ | Mã cư dân | Mã truy cập | Loại căn hộ | Loại hình cư trú | Tình trạng | Quan hệ</span>

<span style="color: rgb(0, 0, 0);">(7): Thông tin các thành viên thuộc căn hộ: Mã | Tên | Email | Điện thoại | Quan hệ Tình trạng --&gt; Click xem chi tiết thành viên hoặc có thể chỉnh sửa thông tin thành viên khi click chọn thành viên đó.</span>

<span style="color: rgb(0, 0, 0);">(8) Các tác vụ (từ trái qua phải): Xoá cư dân | Gửi ZNS đến cư dân | Gửi email đến cư dân | Cập nhật mật khẩu | **<span style="color: rgb(230, 126, 35);">Lưu</span>**</span>

<span style="color: rgb(0, 0, 0);">(9): Bật hoặc tắt chức năng Gửi Zalo ZNS hoặc Gửi email</span>

<span style="color: rgb(0, 0, 0);">(10): Hiển thị mã căn hộ mà cư dân đang sở hữu thuộc dự án</span>

<span style="color: rgb(224, 62, 45);">**[![Screenshot 2024-07-31 at 14.54.54.png](https://docs.neohome.vn/uploads/images/gallery/2024-07/scaled-1680-/screenshot-2024-07-31-at-14-54-54.png)](https://docs.neohome.vn/uploads/images/gallery/2024-07/screenshot-2024-07-31-at-14-54-54.png)**</span>

<span style="color: rgb(0, 0, 0);">**Bước 3:** Bấm nút **<span style="color: rgb(230, 126, 35);">Lưu</span>** tại (8) để kết thúc tác vụ.</span>

<span style="color: rgb(224, 62, 45);">**D. Trạng thái cư dân**</span>

<table class="w-full grid-area-1-1 table-auto" id="bkmrk-tr%E1%BA%A1ng-th%C3%A1i-m%C3%A0u-s%E1%BA%AFc-%C4%90" style="height: 116px; width: 91.9048%;"><thead><tr class="[&>*+*]:border-l [&>*+*]:px-4" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid rgb(229, 231, 235);"><th class="py-1 pt-0 align-middle text-balance border-b border-b-dark/5 text-left text-xs lg:text-base dark:border-l-light/2 dark:border-b-light/4" style="width: 19.9734%;">Trạng thái</th><th class="py-1 pt-0 align-middle text-balance border-b border-b-dark/5 text-left text-xs lg:text-base dark:border-l-light/2 dark:border-b-light/4" style="width: 19.9734%;">Màu sắc</th><th class="py-1 pt-0 align-middle text-balance border-b border-b-dark/5 text-left text-xs lg:text-base dark:border-l-light/2 dark:border-b-light/4" style="width: 19.9734%;">Đăng nhập app</th><th class="py-1 pt-0 align-middle text-balance border-b border-b-dark/5 text-left text-xs lg:text-base dark:border-l-light/2 dark:border-b-light/4" style="width: 23.4354%;">Nhận Thông báo phí</th><th class="py-1 pt-0 align-middle text-balance border-b border-b-dark/5 text-left text-xs lg:text-base dark:border-l-light/2 dark:border-b-light/4" style="width: 16.7776%;">Tính nhân khẩu \*</th></tr></thead><tbody class="[&>*+*]:border-t" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid rgb(229, 231, 235);"><tr class="[&>*+*]:border-l [&>*+*]:pl-4 border-dark/3 dark:border-light/2" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border-image: initial; border: 0px solid color-mix(in srgb,var(--dark-DEFAULT),transparent calc(100% - 100% * .12));"><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 19.9734%;"><span style="color: rgb(45, 194, 107);">Đang ở</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 19.9734%;"><span class="text-green-500" style="color: rgb(45, 194, 107);">Xanh lá</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 19.9734%;">Có

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 23.4354%;">Tùy Bật/Tắt

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 16.7776%;">Có

</td></tr><tr class="[&>*+*]:border-l [&>*+*]:pl-4 border-dark/3 dark:border-light/2" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border-width: 1px 0px 0px; border-style: solid; border-color: color-mix(in srgb,var(--dark-DEFAULT),transparent calc(100% - 100% * .12)); border-image: initial;"><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 19.9734%;"><span style="color: rgb(4, 37, 252);">Không ở</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 19.9734%;"><span class="text-blue-500" style="color: rgb(4, 37, 252);">Xanh dương</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 19.9734%;">Có

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 23.4354%;">Tùy Bật/Tắt

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 16.7776%;">Không

</td></tr><tr class="[&>*+*]:border-l [&>*+*]:pl-4 border-dark/3 dark:border-light/2" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border-width: 1px 0px 0px; border-style: solid; border-color: color-mix(in srgb,var(--dark-DEFAULT),transparent calc(100% - 100% * .12)); border-image: initial;"><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 19.9734%;"><span style="color: rgb(230, 126, 35);">Đã dọn đi</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 19.9734%;"><span class="text-orange-500" style="color: rgb(230, 126, 35);">Cam</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 19.9734%;">Không

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 23.4354%;">Tùy Bật/Tắt

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2" style="width: 16.7776%;">Không

</td></tr></tbody></table>

- <span style="color: rgb(45, 194, 107);">Đang ở: thành viên đang cư trú tại căn hộ</span>
- <span style="color: rgb(4, 37, 252);">Không ở: thành viên có thể đang sở hữu hoặc quản lý căn hộ nhưng không cư trú tại đó</span>
- <span style="color: rgb(230, 126, 35);">Đã dọn đi: thành viên đã chuyển đi, không còn cư trú tại căn hộ nữa</span>
- <span style="color: rgb(0, 0, 0);">Tính nhân khẩu \*: Áp dụng đếm đối với các khoản phí tính theo đầu người.</span>

<span style="color: rgb(0, 0, 0);"><span style="color: rgb(224, 62, 45);">**E. Trạng thái tài khoản cư dân**</span></span>

<div class="max-w-3xl w-full decoration-primary/6 page-api-block:ml-0 relative grid overflow-x-auto overflow-y-hidden mx-auto table_progressContainer__A4v1T" id="bkmrk-tr%E1%BA%A1ng-th%C3%A1i-m%C3%A0u-s%E1%BA%AFc-%C4%90-1"><table class="w-full grid-area-1-1 table-auto"><thead><tr class="[&>*+*]:border-l [&>*+*]:px-4" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid rgb(229, 231, 235);"><th class="py-1 pt-0 align-middle text-balance border-b border-b-dark/5 text-left text-xs lg:text-base dark:border-l-light/2 dark:border-b-light/4">Trạng thái</th><th class="py-1 pt-0 align-middle text-balance border-b border-b-dark/5 text-left text-xs lg:text-base dark:border-l-light/2 dark:border-b-light/4">Màu sắc</th><th class="py-1 pt-0 align-middle text-balance border-b border-b-dark/5 text-left text-xs lg:text-base dark:border-l-light/2 dark:border-b-light/4">Đăng nhập app</th><th class="py-1 pt-0 align-middle text-balance border-b border-b-dark/5 text-left text-xs lg:text-base dark:border-l-light/2 dark:border-b-light/4">Nhận TBP</th></tr></thead><tbody class="[&>*+*]:border-t" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border: 0px solid rgb(229, 231, 235);"><tr class="[&>*+*]:border-l [&>*+*]:pl-4 border-dark/3 dark:border-light/2" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border-image: initial; border: 0px solid color-mix(in srgb,var(--dark-DEFAULT),transparent calc(100% - 100% * .12));"><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2"><span style="color: rgb(45, 194, 107);">Hoạt động</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2"><span class="text-green-500" style="color: rgb(45, 194, 107);">Xanh lá</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2">Có

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2">Tùy Bật/Tắt

</td></tr><tr class="[&>*+*]:border-l [&>*+*]:pl-4 border-dark/3 dark:border-light/2" style="--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-sizing: border-box; border-width: 1px 0px 0px; border-style: solid; border-color: color-mix(in srgb,var(--dark-DEFAULT),transparent calc(100% - 100% * .12)); border-image: initial;"><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2"><span style="color: rgb(224, 62, 45);">Không hoạt động</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2"><span class="text-red-500" style="color: rgb(224, 62, 45);">Đỏ</span>

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2">Không

</td><td class="align-middle min-w-[8rem] border-dark/2 py-3 text-sm lg:text-base dark:border-light/2">Không

</td></tr></tbody></table>

</div>- <span style="color: rgb(45, 194, 107);">Hoạt động: tài khoản đang hoạt động</span>
- <span style="color: rgb(224, 62, 45);">Không hoạt động: tài khoản đang bị vô hiệu.</span>