You are building a SaaS dashboard application.

Stack: Remix with TypeScript, Prisma ORM, PostgreSQL, TailwindCSS.

Key rules:
- Use server loaders for data fetching, not client-side fetch
- All forms use Remix Form with progressive enhancement
- Use Prisma for all database operations
- Style with TailwindCSS utility classes, no custom CSS
- Components go in app/components/, routes in app/routes/
- Use zod for form validation on both client and server

# Application Guidelines

## Architecture
- This is a monorepo managed with Turborepo
- Apps: web (Next.js), api (Express), mobile (React Native)
- Shared packages: ui, config, types

## Code Standards
- TypeScript strict mode in all packages
- Use barrel exports (index.ts) for public APIs
- No default exports; use named exports everywhere
- Prefer async/await over raw Promises

## API Design
- RESTful endpoints follow /api/v1/{resource} pattern
- All responses use { data, error, meta } envelope
- Validate request bodies with Zod schemas
- Return 4xx for client errors, 5xx for server errors

## Database
- Use Prisma ORM for all database operations
- Migrations checked into source control
- Soft-delete pattern: use deletedAt timestamp, never hard delete
- All timestamps stored as UTC

## Testing
- Jest for unit tests, Playwright for E2E
- Test files colocated: foo.ts -> foo.test.ts
- Mock external services, never call real APIs in tests