.pagination{justify-content:center;gap:8px;margin:20px 0}.pagination,.pagination-btn{display:flex;align-items:center}.pagination-btn{gap:4px;background:white;border:1px solid #d1d5db;color:#374151;padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:4px;margin:0 8px}.pagination-number{background:white;border:1px solid #d1d5db;color:#374151;padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.pagination-number:hover:not(:disabled):not(.dots){background:#f3f4f6;border-color:#9ca3af}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:white}.pagination-number.dots{cursor:default;color:#9ca3af}.pagination-number.dots,.pagination-number.dots:hover{border:none;background:transparent}@media (max-width:768px){.pagination{gap:4px}.pagination-btn,.pagination-number{padding:6px 8px;font-size:.85rem}.pagination-number{min-width:32px}.pagination-numbers{margin:0 4px;gap:2px}}@media (max-width:480px){.pagination-btn span{display:none}.pagination-btn{padding:6px}}