Tabs & Navigation — HybReport DLS v2

Hệ thống điều hướng và tab cho giao diện báo cáo

1. Tab viền dưới

Tổng quan

Doanh thu

Chi phí

Lưu trữ

2. Chuyển đổi dạng viên

Ngày

Tuần

Tháng

Năm

4. Đường dẫn phân cấp

3. Điều hướng thanh bên

5. Tab có huy hiệu số lượng

Đơn hàng 12

Chờ duyệt 3

Hoàn tất 89

Quy tắc thiết kế

Border-radius: 10–12px cho card, 10px cho item • Font-weight: 600–700 cho active/heading • Viền: #dbe3ef blue-tinted • Transition: 0.2s ease mọi tương tác • Glassmorphic: backdrop-filter blur, nền bán trong suốt • Trạng thái: default, hover, active, disabled • Font: Inter 400/500/600/700