Alur Aplikasi Keuangan

%% Konfigurasi Flowchart flowchart TD %% Node Styles classDef startNode fill:#dbeafe,stroke:#2563eb,stroke-width:2px; classDef decisionNode fill:#fef3c7,stroke:#d97706,stroke-width:2px,stroke-dasharray: 5 5; classDef processNode fill:#ffffff,stroke:#4b5563,stroke-width:1px; classDef actionNode fill:#d1fae5,stroke:#059669,stroke-width:2px; classDef subgraphStyle fill:#f9fafb,stroke:#e5e7eb,stroke-width:2px; %% --- BAGIAN LOGIN --- Start([User Membuka Aplikasi]):::startNode --> Login{Sudah Login?}:::decisionNode Login -- Tidak --> InputCreds[Input Email & Password]:::processNode InputCreds --> Verify[Verifikasi OTP/2FA]:::processNode Verify --> Dashboard Login -- Ya_Saved_Session --> Dashboard[Dashboard Utama]:::actionNode %% --- FITUR UTAMA --- subgraph FITUR_UTAMA [FITUR UTAMA APLIKASI] direction TB Dashboard --> MenuDeposit[Deposit Awal]:::processNode Dashboard --> MenuTrx[Transaksi]:::processNode Dashboard --> MenuHistory[Riwayat]:::processNode Dashboard --> MenuLaporan[Laporan Keuangan]:::processNode Dashboard --> MenuSettings[Pengaturan]:::processNode end %% --- DETAIL DEPOSIT --- MenuDeposit --> PilihMetode[Transfer VA / E-Wallet]:::processNode PilihMetode --> ProsesDepo[Sistem Validasi & Update Saldo]:::actionNode %% --- DETAIL TRANSAKSI --- MenuTrx --> JenisTrx{Jenis Transaksi}:::decisionNode JenisTrx -- Transfer --> InputTrx[Input Nominal, Tujuan, Catatan]:::processNode JenisTrx -- Pemasukan --> InputTrx JenisTrx -- Tagihan --> InputTrx InputTrx --> ValidasiTrx[Validasi & Simpan Data]:::processNode ValidasiTrx --> UpdateSaldo[Update Saldo & Log Aktivitas]:::processNode UpdateSaldo --> Notif[Notifikasi Berhasil]:::actionNode %% --- DETAIL RIWAYAT --- MenuHistory --> Filter[Filter: Jenis/Akun/Tanggal]:::processNode Filter --> ShowHistory[Tampilkan List Transaksi]:::actionNode %% --- DETAIL LAPORAN --- MenuLaporan --> ViewReport[Lihat Grafik & Ringkasan]:::processNode ViewReport --> Export[Export PDF/Excel]:::actionNode %% --- DETAIL PENGATURAN --- MenuSettings --> UbahPass[Ganti Password/2FA]:::processNode MenuSettings --> UbahTema[Ganti Tema Dark/Light]:::processNode %% Styling Subgraph style FITUR_UTAMA fill:#f3f4f6,stroke:#9ca3af,stroke-width:2px,color:#374151