# iLED Admin — K-design mocks (Phase 1)

Interactive HTML mocks for the admin redesign. No build step.

## Open

1. Open [`index.html`](index.html) in a browser, or
2. From repo root: `start design/admin/index.html` (Windows)

Shared assets: [`assets/admin-k.css`](assets/admin-k.css), [`assets/admin-k.js`](assets/admin-k.js).

## Screens

| File | Purpose |
|------|---------|
| `01-login.html` | Auth |
| `02-dashboard.html` | Action center (alerts, queues, KPIs) |
| `14-analytics.html` | Sales analytics (Angular `/analytics`) |
| `03-products.html` | Catalog + warehouses + groups |
| `04-product-form.html` | Sectioned product editor |
| `05-orders.html` | Order list + pick list |
| `06-order-detail.html` | Fulfillment detail |
| `07-promotions.html` | Campaigns & codes |
| `08-newsletter.html` | Composer / subscribers / campaigns |
| `09-reviews.html` | Moderation queue |
| `10-customers.html` | Customer CRM (new) |
| `11-categories.html` | Category tree (new) |
| `12-inventory.html` | Low stock & warehouse matrix (new) |
| `13-settings.html` | Store settings (new) |

Shell reference: [`shell.html`](shell.html).

## Visual direction

- Cool gray background, white surfaces, hairline borders
- Accent `#FFBC39` only on CTAs, active nav, key alerts
- Dense tables, calm Inter scale for admin density
- Clean stroke SVG icons (sprite in `admin-k.js`)

## Ops extras (mock)

- **Bulk actions** on Orders: select rows → Collect / pick, Generate invoices, Generate labels
- **Multi-admin**: topbar shows signed-in admin; “Handled by” on lists; activity log on order detail; Team in Settings
- **Motion**: staggered page reveal, card lift, bulk-bar slide (respects `prefers-reduced-motion`)
- **Charts**: Chart.js animated bar chart on Dashboard (`cdn.jsdelivr.net` + `#ordersChart`)