Adopt Kanakku Pusthakam design and fix responsive layouts

[Shaan-Shoukath]

Ports the Kanakku Pusthakam blueprint presentation into SpaceWorks and fixes controls that clipped or overflowed narrow panels. Public catalogs, request forms, and the staff console share outlined cards, pastel accents, offset shadows, and self-hosted typography, with provenance and the font license included.

Checkout and printing layouts now respond to their container width. Upload controls, pagination, long labels, custom forms, and staff headers wrap within available space. Dialogs remain scrollable in short landscape windows, mobile editable fields use readable text sizes, and dock menus account for viewport height and display cutouts. Existing workflow and permission logic is preserved.

The first commit extracts shared CSS into a separate module; the second applies the design and responsive fixes.

Validation:

• Node 20: TypeScript project check, all 265 frontend tests across 60 files, and production build passed.
• All 18 backend theme-contrast checks passed; no backend application code changed.
• Final dock changes passed 12 focused navigation/positioning tests.
• Browser checks covered 13 representative viewport sizes from 320px phones to 2560px monitors, portrait/landscape, 200% text, simulated notch insets, and keyboard dismissal/navigation.
• Independent code review found no remaining actionable UI regressions; whitespace and instruction-mirror checks passed.

Physical iOS Safari and Android hardware testing remains outstanding. Camera/scanner layout checks used mocked camera failures.

[netlify]

✅ Deploy Preview for kanakkupusthakam ready!

Name	Link
🔨 Latest commit	ae29e00
🔍 Latest deploy log	https://app.netlify.com/projects/kanakkupusthakam/deploys/6ad106e4a11c2ec8e41c27c1
😎 Deploy Preview	https://deploy-preview-7--kanakkupusthakam.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Important

• 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

• Configuration used: defaults
• Review profile: CHILL
• Plan: Advanced
• Run ID: 0286786a-ef53-4176-abaf-d2f716bbece2

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}