let’s give your ISP dashboards the **UI glow‑up they deserve**.
You’ve been building a seriously capable backend; now we’ll wrap it in a front‑end that feels modern, fast, and NOC‑friendly without adding heavy frameworks.

Below is a **full redesign plan** plus **drop‑in replacement code** for your dashboards.
No dependencies, no bloat — just clean, dark, professional UI.
---
# 🎨 **UI Redesign Goals**
A modern ISP dashboard should feel:

- **Dark, contrast‑balanced, and low‑glare** for NOC environments
- **Modular** — panels, cards, grids
- **Responsive** — works on laptops, wall displays, tablets
- **Fast** — minimal JS, instant load
- **Readable** — clean typography, spacing, and hierarchy
- **Consistent** — same look across provisioning, devices, towers, logs

You already prefer dark themes across your tools, so we’ll lean into that.

---

# 🧱 **New Layout Structure**
We’ll replace the old header/footer with a **side navigation layout**:

```
+------------------------------------------------------+
| Sidebar | Main Content                               |
|         |                                            |
|         |                                            |
+------------------------------------------------------+
```

This gives you:
- Persistent navigation
- More room for tables
- Cleaner hierarchy

---
# 🎨 **New Color Palette**
A modern, ISP‑friendly dark palette:

| Purpose | Color |
|--------|--------|
| Background | `#0f0f11` |
| Panel/Card | `#1a1c1f` |
| Table Row Hover | `#232529` |
| Accent Blue | `#4da3ff` |
| Accent Green | `#4dffb8` |
| Text Primary | `#e5e5e5` |
| Text Secondary | `#9a9a9a` |
| Borders | `#2a2c31` |

---
# 🚀 **What This Redesign Gives You**
- A modern, professional ISP dashboard
- A consistent dark theme across all modules
- A sidebar layout that scales better
- Cleaner tables and cards
- Zero dependencies — pure PHP + CSS
- Drop‑in replacement for your existing UI

---