Responsive Design Guidelines

• Use Bootstrap 5 or Tailwind CSS for responsive layouts.
• All tables and forms should be mobile-friendly (horizontal scroll, stacking fields vertically).
• Navigation collapses to hamburger menu on mobile.
• Use modals/dialogs for actions on all screen sizes.
• Ensure accessibility (contrast, focus, ARIA labels).
• Test all pages on mobile, tablet, and desktop.
• Use media queries for custom breakpoints if needed.
• Prioritize touch-friendly buttons and links.
• Use responsive images and avoid fixed-width containers.