feat: Sprint 1 — Alive Enterprise animation foundation

Animation primitives (6 new components):
- AnimatedNumber: count-up with easeOutExpo, de-DE locale formatting
- ShimmerSkeleton: diagonal gradient sweep replacing animate-pulse
- FadeIn: framer-motion viewport-triggered fade + slide
- StaggerList/StaggerItem: staggered children entrance
- Sparkline: pure SVG inline trend chart with draw-in animation
- ProgressRing: animated circular progress with CSS transitions

Sidebar & page transitions:
- Sliding nav indicator (framer-motion layoutId animation)
- Icon frame hover glow (brand-color shadow)
- Smooth section collapse/expand (AnimatePresence height animation)
- PageTransition wrapper (fade-up on route change)
- AnimatedModal component (scale + fade with custom bezier)
- Notification badge bounce on count increase

Dashboard animations:
- StatCards: AnimatedNumber count-up + staggered FadeIn + budget color tinting
- WidgetContainer: fade-slide-up on mount
- Chargeability: animated percentages + inline utilization bars
- ProjectTable/MyProjects: animated numbers + staggered row entrance

Shimmer skeletons & table animations:
- Replaced animate-pulse across 20+ loading states with shimmer gradient
- Staggered row entrance (fadeSlideIn) on Resources, Projects, Allocations tables
- hover-lift utility class for subtle card/row elevation on hover
- Content-shaped skeletons (avatars, text bars, badges)

Light mode surface depth:
- Mesh gradient page background (subtle accent-tinted corners)
- Enhanced card shadows (two-layer depth)
- Sidebar glassmorphism upgrade (bg-white/60, backdrop-blur-2xl, saturate-150)
- Toolbar sticky backdrop blur
- Enhanced focus ring with brand-color glow

Co-Authored-By: claude-flow <ruv@ruv.net>

apps/web/src/components/allocations/AllocationsClient.tsx

@@ -361,10 +361,10 @@ export function AllocationsClient() {
   // colSpan for empty/loading states: checkbox + visible columns + actions
   const totalColSpan = 1 + visibleColumns.length + 1;
 
-  function renderAllocRow(alloc: AllocationWithDetails, isGrouped = false) {
+  function renderAllocRow(alloc: AllocationWithDetails, isGrouped = false, rowIndex = 0) {
     const isSelected = selection.selectedIds.has(alloc.id);
     return (
-      <tr key={alloc.id} className={`transition-colors hover:bg-gray-50/80 dark:hover:bg-gray-900/60 ${isSelected ? "bg-brand-50 dark:bg-brand-900/20" : ""}`}>
+      <tr key={alloc.id} className={`transition-colors hover:bg-gray-50/80 dark:hover:bg-gray-900/60 animate-row-enter ${isSelected ? "bg-brand-50 dark:bg-brand-900/20" : ""}`} style={{ animationDelay: `${Math.min(rowIndex * 15, 300)}ms` }}>
         <td className="px-4 py-3">
           <input
             type="checkbox"
@@ -626,7 +626,7 @@ export function AllocationsClient() {
             )}
 
             {!isLoading && viewMode === "flat" &&
-              sorted.map((alloc) => renderAllocRow(alloc))}
+              sorted.map((alloc, index) => renderAllocRow(alloc, false, index))}
 
             {!isLoading && viewMode === "grouped" &&
               groups.map((group) => {
@@ -685,7 +685,7 @@ export function AllocationsClient() {
 
                       // Single allocation for this project — render directly, no sub-group header
                       if (subGroup.allocations.length === 1) {
-                        return <GroupRows key={subKey}>{renderAllocRow(subGroup.allocations[0]!, true)}</GroupRows>;
+                        return <GroupRows key={subKey}>{renderAllocRow(subGroup.allocations[0]!, true, 0)}</GroupRows>;
                       }
 
                       // Multiple allocations — show collapsible project sub-group
@@ -732,7 +732,7 @@ export function AllocationsClient() {
                               </div>
                             </td>
                           </tr>
-                          {isSubExpanded && subGroup.allocations.map((alloc) => renderAllocRow(alloc, true))}
+                          {isSubExpanded && subGroup.allocations.map((alloc, idx) => renderAllocRow(alloc, true, idx))}
                         </GroupRows>
                       );
                     })}