Create Admin UI

This skill aids in creating standardized UI components for the POSMARS Admin Dashboard.

1. Next.js 16 Directives

• Client Components: Any component with interactivity (onClick, hooks, useState) MUST start with 'use client';.
• Server Components: Layouts and non-interactive cards should remain server components (default) for performance.

2. Security (UI)

• XSS Prevention: NEVER use dangerouslySetInnerHTML unless absolutely necessary and initialized with sanitized content.
• Input Handling: Forms should use controlled inputs or strict server actions with validation.

3. Design Philosophy (Posmars Dark/Glass)

• Theme: Dark Mode only (bg-[#0c0c0c]).
• Surface: Glassmorphism (bg-white/[0.02], border-white/5).
• Accent: Orange Gradient (from-[#fa9440] to-[#e7313d]).

4. Component Patterns