feat: initial commit - finanzas app

Complete personal finance management application with:
- Dashboard with financial metrics and alerts
- Credit card management and payments
- Fixed and variable debt tracking
- Monthly budget planning
- Intelligent alert system
- Responsive design with Tailwind CSS

Tech stack: Next.js 14, TypeScript, Zustand, Recharts

🤖 Generated with [Claude Code](https://claude.com/claude-code)

lib/store/slices/cardsSlice.ts

@@ -0,0 +1,47 @@
+import { StateCreator } from 'zustand'
+import { v4 as uuidv4 } from 'uuid'
+import { CreditCard, CardPayment } from '@/lib/types'
+
+export interface CardsSlice {
+    creditCards: CreditCard[]
+    cardPayments: CardPayment[]
+
+    addCreditCard: (card: Omit<CreditCard, 'id'>) => void
+    updateCreditCard: (id: string, card: Partial<CreditCard>) => void
+    deleteCreditCard: (id: string) => void
+
+    addCardPayment: (payment: Omit<CardPayment, 'id'>) => void
+    deleteCardPayment: (id: string) => void
+}
+
+export const createCardsSlice: StateCreator<CardsSlice> = (set) => ({
+    creditCards: [],
+    cardPayments: [],
+
+    addCreditCard: (card) =>
+        set((state) => ({
+            creditCards: [...state.creditCards, { ...card, id: uuidv4() }],
+        })),
+
+    updateCreditCard: (id, card) =>
+        set((state) => ({
+            creditCards: state.creditCards.map((c) =>
+                c.id === id ? { ...c, ...card } : c
+            ),
+        })),
+
+    deleteCreditCard: (id) =>
+        set((state) => ({
+            creditCards: state.creditCards.filter((c) => c.id !== id),
+        })),
+
+    addCardPayment: (payment) =>
+        set((state) => ({
+            cardPayments: [...state.cardPayments, { ...payment, id: uuidv4() }],
+        })),
+
+    deleteCardPayment: (id) =>
+        set((state) => ({
+            cardPayments: state.cardPayments.filter((p) => p.id !== id),
+        })),
+})