wynnnn26/lenon-module7-vue-system ? reverse-engineered prompt

Build me a simple attendance monitoring web app for teachers.

I want a clean dashboard where I can add, view, edit, and delete student attendance records, then search and filter them by status like Present, Late, and Absent. Each record should include student name, student number, section, date, attendance status, and remarks. Show summary cards for total records and how many are present, late, and absent.

Please make it responsive for desktop and mobile, and add a light mode and dark mode toggle that remembers the user’s choice. The attendance data should stay saved in the browser even after refresh, and I’d like clear form validation and a delete confirmation so it feels safe to use. Also show a small success message when a record is added.

Use Vue and Tailwind for the interface, and feel free to look up current docs online if you need to.