: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;--color-primary-hover:#e04600;--color-primary-active:#e64600;--color-primary-active-alt:#e04500;--color-primary-emphasis:#e65500;--color-primary-ring:#ff5a1f;--color-primary-gradient-end:#ff8f00;--color-deep-orange:#ff8c00;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-400:#f87171;--color-red-600:#dc2626;--color-red-800:#991b1b;--color-rose-50:#fff1f2;--color-rose-200:#fecdd3;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-400:#fbbf24;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-emerald-50:#ecfdf5;--color-emerald-100:#d1fae5;--color-emerald-300:#6ee7b7;--color-emerald-400:#34d399;--color-emerald-600:#059669;--color-emerald-700:#047857;--color-violet-50:#f5f3ff;--color-violet-200:#ddd6fe;--color-violet-400:#c084fc;--color-violet-500:#8b5cf6;--color-violet-900:#4c1d95;--color-surface-pure:#fefefe;--color-surface-subtle:#fafafa;--color-neutral-mid:#888;--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)}