.pagination-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0}.pagination-numbers{display:flex;align-items:center;gap:.25rem}.pagination-number{min-width:40px;height:40px;padding:0 .75rem;border:1px solid #e5e7eb;background:white;color:#4b5563;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-number:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.pagination-number.active{background:#6366f1;color:white;border-color:#6366f1;cursor:default}.pagination-number:disabled{cursor:not-allowed}.pagination-arrow{width:40px;height:40px;border:1px solid #e5e7eb;background:white;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.pagination-arrow:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.pagination-arrow:disabled{opacity:.5;cursor:not-allowed}.pagination-dots{padding:0 .5rem;color:#9ca3af;font-weight:500}@media (max-width:640px){.pagination-container{gap:.25rem}.pagination-number{min-width:36px;height:36px;font-size:.875rem;padding:0 .5rem}.pagination-arrow{width:36px;height:36px}.pagination-arrow svg{width:16px;height:16px}}@media (max-width:480px){.pagination-number{min-width:32px;height:32px;font-size:.8125rem}.pagination-arrow{width:32px;height:32px}.pagination-dots{padding:0 .25rem}}