Summary, request modal, and request details as a bottom sheet. The foundation of the Absences feature is a clean structure across different views. Everything starts here, clear, focused, and easy to navigate.

Consistent navigation and context. The year selector in the top bar keeps users anchored across screens. The bottom navigation highlights active sections and uses subtle badges to signal request updates at a glance.

Flexible cards and recognizable icons. Cards adapt to all types of absences, full days, half days, complex ranges. Colorful icons and clear status indicators support quick scanning and add a bit of joy.

Bottom sheets with contextual details. Quick access to important info. Whether it’s request metadata or balance breakdowns, bottom sheets bring clarity without disrupting the flow.

Dark Mode Support. Everything works in dark mode too. Carefully tuned for contrast and readability, without losing the design’s visual hierarchy or tone.

Desktop Coverage. Mobile-first, but not mobile-only. The desktop version aligns closely with the mobile experience, keeping it consistent and usable across all platforms.