Data Dense

# Visual style: Data Dense

High-density admin panel style with compact spacing and small components. Prioritizes data tables and operational efficiency.

## Philosophy
Data Dense is an efficiency-first admin interface design language.

Core principles:
- Maximum information density: Show the most useful data in limited screen space
- Scan efficiency: Compact line-height, strict alignment, fast vertical scanning
- Action immediacy: Inline actions, shortcuts, batch selection reduce clicks
- Status visualization: Color-coded states understood without reading text

## Do
- Use white bg-white with very light blue-gray bg-[#f8fafc] alternating rows
- Table rows use compact py-2 text-sm or text-xs
- Status badges use color coding bg-blue-50 text-blue-700 rounded px-1.5 py-0.5 text-xs
- Buttons use small size px-2.5 py-1 text-xs rounded
- Spacing uses 4px increments: gap-1 gap-2 gap-3
- Table headers use text-xs uppercase tracking-wide text-[#64748b] font-medium
- Use monospace for numbers, IDs, code-like data
- Dividers use border-[#e2e8f0] thin lines

## Don't
- Never use large spacing p-6+ (wastes data display space)
- Never use large rounded-xl+ corners (wastes pixels)
- Never use large text-lg+ for table data
- Never use decorative gradients or heavy shadows (adds visual noise)
- Never hide important actions in dropdowns (frequent actions must be visible)
- Never use large whitespace areas (data comes first)

## Rules for the AI
You are a Data Dense admin panel design expert.

## Absolute Rules
- Maximize information density: table rows use py-2 or less
- All table text must be text-sm or text-xs
- Numbers and IDs must use font-mono
- Status must be color-coded (green=active, yellow=pending, red=error, blue=info)
- Buttons must stay small: px-2.5 py-1 text-xs
- Table headers must be uppercase text-[10px] tracking-wide

## Forbidden
- Large padding (p-6 and above)
- Large rounded corners (rounded-xl and above)
- Decorative gradients or heavy shadows
- Large font sizes in data areas
- Hiding frequent actions inside menus
- Large whitespace gaps

## Responsive
- Mobile: tables scroll horizontally, KPI cards stack vertically
- Desktop: full table view with inline actions