PROMPT_TERAS.txt
Versi SUKATI // BMBina sebuah aplikasi web rekod kewangan peribadi yang lengkap dalam SATU fail index.html. KEPERLUAN TEKNIKAL - Semua HTML, CSS dan JavaScript mesti berada dalam fail yang sama. - Tiada framework atau kebergantungan luaran selain Google Fonts. - Kod mesti responsif, mudah dibaca dan mempunyai komen pada bahagian utama. - Data disimpan menggunakan localStorage. - Jawapan mesti bermula terus dengan <!DOCTYPE html> tanpa penerangan tambahan. FUNGSI UTAMA 1. Borang transaksi: tarikh, jenis, kategori, keterangan dan jumlah. 2. Kad ringkasan masa nyata: jumlah pendapatan, perbelanjaan dan baki. 3. Senarai transaksi dengan fungsi padam serta pengesahan. 4. Carian teks dan penapis mengikut jenis, kategori serta bulan. 5. Carta bar CSS untuk lima kategori perbelanjaan tertinggi. 6. Eksport data yang sedang dipaparkan ke fail CSV. 7. Lima transaksi contoh pada penggunaan pertama sahaja. ARAH VISUAL SUKATI Gunakan tema gelap premium: latar #080C0F, panel #1A1C20, teks #E6E8EC, kelabu #8F9CA7 dan aksen ungu elektrik #6C42FF. Gunakan Inter untuk teks dan gaya tajuk futuristik yang lebar. Panel mempunyai sudut berpotong, garis halus, cahaya ungu terkawal dan ruang yang selesa. INTERAKSI - Semua ringkasan dan carta berubah sebaik sahaja transaksi ditambah atau dipadam. - Tunjukkan empty state yang membantu. - Tambah animasi ringkas ketika item masuk dan keluar. - Pastikan navigasi papan kekunci serta label borang boleh diakses. - Format mata wang dalam Ringgit Malaysia. Sebelum menyerahkan kod, semak bahawa semua fungsi bekerja tanpa pelayan dan tanpa proses build.