At its core, the Absences feature is built on three consistent UX patterns: Overview Pages, Full-Screen Modals, and Bottom Sheets.

A year selector in the top bar provides consistent context across screens, while subtle badges in the bottom navigation highlight request updates at a glance.

Flexible cards handle all types of absences from full days to half days and multi-month ranges, but can also adapt to any language. Colorful icons help with recognition, while status indicators help with quick scanning and add a touch of fun.

Bottom sheets provide quick access to key details such as request metadata or balance breakdowns without interrupting the flow.

Naturally, everything works in dark mode too. I carefully applied design tokens to ensure optimal contrast and readability across the experience.

The desktop version follows the same logical structure as mobile, ensuring a seamless experience across platforms. We also explored a calendar-style view, but due to its strategic and technical complexity, we decided to leave it out of scope for now.