# PROMPT CLAUDE — REPLIKASI TAMPILAN DASHBOARD ROTO-ROOTER TANPA ANGKA

Kamu adalah Senior PHP Native & SQLite Developer, Senior Frontend Engineer, dan UI/UX Pixel-Perfect Implementation Specialist. Saya lampirkan screenshot dashboard Revenue Roto-Rooter dan file ZIP project dashboard yang sudah dibuat.

## Maksud permintaan saya (penting):

Saya **HANYA** ingin **TAMPILAN UI DASHBOARD** yang semirip mungkin dengan screenshot. **ABAIKAN SEMUA ANGKA** yang tertera pada screenshot. Angka revenue, target, PO, persentase, jumlah customer, angka di donut/chart, dan total revenue **BUKAN DATA yang harus disalin, dihitung, divalidasi, atau dimasukkan**. Data yang benar dan format pengisian baru akan saya berikan belakangan.

## Tugasmu sekarang

1. Periksa seluruh file project ZIP terlebih dahulu. Jangan membuat ulang dari nol jika komponen yang diperlukan sudah ada.
2. Jadikan screenshot sebagai **referensi visual** untuk tata letak, warna, jarak antar panel, proporsi, posisi, tipografi, logo, garis tabel, chart area, donut, bar perbandingan, pie, grid abu-abu, dan lima kartu tim.
3. Cocokkan tampilan pada resolusi desktop **1368 × 713 px**, terutama screenshot. Jangan mengganti desain menjadi dashboard modern yang berbeda.
4. Tetap gunakan **PHP native + SQLite + HTML/CSS/JavaScript native**. Jangan ganti ke Laravel, React, Vue, Bootstrap, Tailwind, Next.js atau aplikasi SaaS.
5. Pertahankan seluruh komponen ini sesuai screenshot:
   - Header `DASHBOARD REVENUE RRP 2026` + teks bulan di kanan + logo Roto-Rooter.
   - `REVENUE SALES`: bar judul oranye, 3 baris label, donut hijau abu-abu.
   - `REVENUE RESIDENTIAL HO`: bar judul peach, 2 baris, donut.
   - `REVENUE MARKETPLACE`: bar judul hijau muda, 2 baris, donut.
   - `TOTAL REVENUE`: horizontal bar, legenda tahun, visual grafik bertingkat/area dan 12 nama bulan miring.
   - Rekap kanan: Rev Sales, Rev Residential HO, Rev Marketplace, PMSC Office JKT, Royalty, Lain-lain, TOTAL REVENUE, Target Rev Monthly, dan panel NEW CUSTOMER COMMERCIAL + pie + legenda.
   - 5 kartu: TIM RESTO JKT, TIM NON-RESTO, TIM BALI, TIM BANDUNG, TIM TANGERANG dengan label Target Rev, PO, Revenue, Achievement.
6. Untuk seluruh angka **gunakan placeholder kosong yang jelas seperti `—`**. Jangan menyalin angka dari screenshot. Jangan mengarang nilai dummy dari bisnis Roto-Rooter.
7. Donut, batang hijau, grafik area, dan pie boleh menampilkan **bentuk/warna ilustratif** supaya mirip screenshot, **tetapi ilustrasi tersebut bukan data**, tidak memiliki label numerik palsu dan tidak masuk ke SQLite.
8. Pertahankan SQLite **dengan tabel kosong**, siap untuk tahap pengisian berikutnya. Jangan membuat halaman input, login, CRUD, import Excel, maupun dashboard lain sampai saya minta.
9. Layout harus dibuat memakai elemen web nyata dan CSS, bukan screenshot utuh sebagai gambar background. Logo boleh berupa gambar terpisah sesuai sumber.
10. Pastikan posisi tetap stabil pada desktop dan pada layar lebih kecil sediakan horizontal scroll sehingga susunan desktop tidak rusak.
11. Periksa dan uji HTML/CSS, PHP lint, JS error, posisi panel, dan keberadaan file SQLite. Jangan klaim semua diuji bila lingkungan belum menyediakan `pdo_sqlite`.
12. Setelah selesai, kirim **ZIP project final lengkap**, `README.md`, preview HTML yang dapat dibuka, dan ringkasan perubahan yang benar-benar dilakukan.

## Kriteria penerimaan

- Saat halaman dibuka, struktur **terlihat semirip mungkin dengan screenshot**, termasuk ruang kosong abu-abu di bagian bawah.
- Semua angka adalah `—`/belum diisi; tidak ada angka keuangan dari referensi yang ditanamkan dalam source code atau database.
- Database tidak berisi transaksi fiktif.
- Tidak mengerjakan fitur pengisian data tanpa instruksi saya berikutnya.
- Tidak mengubah istilah, label panel, urutan blok, atau logo tanpa alasan.

**Mulai dengan membandingkan file CSS/layout project terhadap screenshot. Fokus visual terlebih dahulu, bukan pengisian angka.**