Oct 22, 2025 07:11 Buatkan project web fullstack bernama "ServiceBook" menggunakan **SvelteKit** dengan UI memakai **Tailwind CSS**, ikon **Lucide** dan palet warna berupa **soft color blocks + white** (bersih, minimal, modern). Aplikasi ini untuk pencatatan keuangan usaha servis HP. Desain/Style:
- Framework: SvelteKit (latest)
- Styling: Tailwind CSS (JIT), gunakan utility-first, responsive.
- Icons: Lucide icons
- Theme: background putih, gunakan block warna soft (pastel) untuk cards/kategori:
- Primary soft: #E6F4FF (soft blue)
- Accent soft: #FFF3E6 (soft orange)
- Success soft: #E8F7E8 (soft green)
- Danger soft: #FFE6E6 (soft red)
- Text: #0F172A (very dark blue/near-black)
- Use white (#FFFFFF) for main backgrounds and elevated cards with subtle shadow
- Use accessible contrast, rounded corners (md), and 8–12px spacing system.
Fungsionalitas utama:
1. Input transaksi:
- Fields: date, type (Pemasukan / Pengeluaran), description, category, amount, paymentMethod (optional)
- Validasi: jumlah > 0, date required, category required
2. Listing transaksi:
- Paginated / infinite scroll
- Indikator warna/icon: hijau untuk pemasukan, merah untuk pengeluaran
- Edit & Delete tiap transaksi
3. Laporan & Dashboard:
- Ringkasan: total pemasuk… 
