# FleetLume UI v6 — Dark Control Center

This release applies the approved FleetLume dark control-center visual system throughout the portal.

## Application shell

- Fixed, sticky desktop sidebar
- Independently scrollable navigation area
- Fixed sidebar logo and account footer
- Collapsible icon-only desktop mode with remembered preference
- Sticky top command bar inside the main application scroller
- Tablet and mobile slide-out navigation drawer
- Mobile bottom navigation for the most-used role-specific destinations

## Design system

- Premium navy control-center theme
- Color-coded icons for every major module
- Dark cards, tables, forms, filters, tabs, notices, badges, and dialogs
- Consistent panel spacing and responsive grids
- Stronger active, hover, focus, warning, success, and danger states
- Unified page-heading and section-heading icon treatment
- Dark login experience matching the main portal

## Dashboard

- Redesigned operational welcome banner
- Eight color-coded KPI cards
- Recent-loads workspace
- Workflow, schedule, alert, and activity cards
- Live-operations route visualization
- Load-status donut and live database status totals

## Inner pages

The theme is applied globally to dispatch, loads, carriers, drivers, trucks, trailers, reefers, tracking, border crossings, fuel allocation, HOS, documents, invoices, settlements, accounting, reports, AI, users, tasks, maintenance, notifications, and settings.

## Responsive behavior

- Wide desktop: fixed sidebar and multi-column workspaces
- Laptop/tablet: reduced grids and stacked side rails
- Mobile: drawer navigation, bottom dock, single-column forms, touch-sized controls, and card-based tables
- Load editor side rail becomes a normal stacked section on smaller screens

## Cache update

The service-worker cache name and asset versions were changed for UI v6. Existing installations should unregister the old service worker or clear site data if the previous interface remains visible.
