:root{--color-brand-primary: #0f172a;--color-brand-secondary: #1e293b;--color-brand-accent: #0ea5e9;--color-brand-accent-hover: #0284c7;--color-brand-text: #f1f5f9;--color-brand-muted: #94a3b8;--color-brand-border: #334155;--color-status-paid: #22c55e;--color-status-partially-paid: #f59e0b;--color-status-not-paid: #ef4444;--color-status-overdue: #dc2626;--color-accent-green: #10b981;--color-accent-red: #ef4444;--color-accent-yellow: #f59e0b;--color-accent-blue: #3b82f6}.bg-brand-primary{background-color:var(--color-brand-primary)!important}.bg-brand-secondary{background-color:var(--color-brand-secondary)!important}.bg-brand-accent{background-color:var(--color-brand-accent)!important}.hover\:bg-brand-accent-hover:hover{background-color:var(--color-brand-accent-hover)!important}.text-brand-text{color:var(--color-brand-text)!important}.text-brand-muted{color:var(--color-brand-muted)!important}.border-brand-border{border-color:var(--color-brand-border)!important}.text-status-paid{color:var(--color-status-paid)!important}.text-status-overdue{color:var(--color-status-overdue)!important}.text-accent-red{color:var(--color-accent-red)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}