Design a clean, readable HTML layout for a campus election vote tally page, rendered entirely via backend (no JavaScript). Structure the data in a nested hierarchy: Top level: Year level (e.g., "1st Year", "2nd Year") Second level: Department (e.g., "CCSICT") Third level: Course under department (e.g., "BSIT", "BSCS") Fourth level: Track under each course (e.g., "Networking Security", "Web & Mobile App Dev") Each level should display the name and its total vote count. Use indentation, bold text, and visual hierarchy to make the nesting clear. Avoid tables. Use semantic HTML and CSS only. Include an export section at the top with a dropdown labeled "Export By" (options: Year, Department, Course, Track, All) and a "Download" button. This form submits to a Python route using POST. The overall design must be minimal and functional, suitable for server-side rendered pages using template engines like Jinja2. Do not include JavaScript, sample data, or logic. Only output the frontend layout and styling. for example: 1st year CCSICT(DEPARTMENT) total vote count --BSIT(COURSE) total vote count --Networking Security(TRACK) vote count --web and mobile app dev(TRACK) vote count --BSCS(COURSE) total vote count --Tracks under BSCS(TRACK) vote count --Tracks under BSCS(TRACK) vote count 2nd year CCSICT(DEPARTMENT) total vote count --BSIT(COURSE) total vote count --Networking Security(TRACK) vote count --web and mobile app dev(TRACK) vote count --BSCS(COURSE) total vote count --Tracks under BSCS(TRACK) vote count --Tracks under BSCS(TRACK) vote count Ask ChatGPT

modify the select, add a highly customizable selection for exporting data, make the data display have clear lines and separations like borders, <hr> just to make it much easier to distinguish

modify the select export, make it highly customizable mixmatch export options and for the data, add borders, lines etc to make it easier to distinguish between every data

make it green/light green themed