Tạo các trang cơ bản

Bổ sung:
Ràng buộc nhập liệu cho email và mật khẩu:

1. Email: Email không hợp lệ / Email bắt buộc
2. Mật khẩu bắt buộc

Chỉnh sửa:

- Thiếu các biểu tượng (icon) cho nút đăng nhập Facebook và GitHub (nếu sai sót).
- Rà soát lỗi chính tả, ngữ pháp, màu sắc, font chữ, khoảng cách, kích thước, bố cục (nếu sai sót).

Tương tự @login.html, hãy tạo cho tôi trang @register.html

Bổ sung các thông tin sau:
- Mật khẩu xác nhận (bắt buộc, phải trùng với mật khẩu đã nhập)
- Họ và tên (bắt buộc)
- Giới tính (tùy chọn)
- Địa chỉ (tùy chọn)
- Số điện thoại (tùy chọn, 10 số)
- Đồng ý với điều khoản (checkbox, bắt buộc)


Mỗi trang login và register cần bổ sung liên kết chuyển đổi qua lại:
- Trang login: Chưa có tài khoản? Vui lòng đăng ký
- Trang register: Quay lại trang đăng nhập

Lưu ý:
- Nội dung 100% tiếng Anh.
- Thiết kế responsive.
- Sử dụng cùng theme màu sắc và font chữ nhất quán với trang @login.html

Dựa vào hai trang @login.html và @register.html đã tạo,
hãy tạo tài liệu @CLAUDE.md nhằm tóm tắt lại các yêu cầu,
mục đích, hành động và kết quả của hai trang này.

Đồng thời, hãy thiết lập quy tắc thiết kế chung
cho các trang cơ bản trong tương lai, bao gồm:

- Sử dụng cùng một theme màu sắc và font chữ.
- Thiết kế responsive cho mọi thiết bị.
- Sử dụng lucide icons để tăng tính trực quan.
- Ràng buộc nhập liệu cho các trường thông tin quan trọng.
- Cung cấp liên kết chuyển đổi giữa các trang liên quan

Hãy đọc file @CLAUDE.md để nắm bắt quy tắc thiết kế.
Rồi tạo cho tôi một trang báo cáo `@charts.html`:
Doanh thu bán hàng, kết quả kinh doanh, số liệu marketing
trong lĩnh vực thương mại điện tử tại trang @charts.html

Yêu cầu:
- Sử dụng thư viện chart.js và table để trình bày dữ liệu.
- Sử dụng mock data để làm dữ liệu demo.

- Bổ sung thêm tab: Xếp hạng top 10 nhân viên bán hàng xuất sắc trong tháng / quý này.
- Bổ sung thêm tab: các loại biểu đồ doanh thu theo khu vực địa lý (bar chart).