:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.pagination{justify-content:center;align-items:center;gap:1rem;margin:3rem 0;display:flex}.pagination__nav-btn{background-color:var(--color-white);block-size:40px;inline-size:40px;color:var(--color-slate-700);border:1px solid var(--color-slate-200);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination__nav-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.pagination__nav-btn:disabled{opacity:.5;cursor:not-allowed}.pagination__pages{align-items:center;gap:.5rem;display:flex}.pagination__page{background-color:var(--color-white);block-size:40px;inline-size:40px;color:var(--color-slate-700);border:1px solid var(--color-slate-200);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:flex}.pagination__page:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination__page--active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.pagination__page--active:hover{color:var(--color-white)}