Responsive patterns for AttOT on mobile devices (375px viewport)
4-tab navigation: Dashboard, Punch, History, Profile
Hamburger menu + scrollable bottom nav with 8 items
Full-width fields, back button header
Full-screen overlay with swipe-to-dismiss
Sticky banner variants for different states
Card-per-day layout replacing grid timetable