.pagination-container{margin:50px 0;display:flex;justify-content:center}.pagination{display:flex;gap:.5rem;padding:0;margin:0;list-style:none}.page-item{margin:0}.page-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:.5rem;border:2px solid #e5e7eb;border-radius:8px;color:#235565;text-decoration:none;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-item.active .page-link,.page-link[aria-current=page]{background-color:#235565;border-color:#235565;color:#fff;cursor:default}.page-item.disabled .page-link{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;pointer-events:none;cursor:default}.page-link:hover:not(.disabled):not([aria-current=page]){background-color:#a3dbda;border-color:#a3dbda;color:#235565}.page-input-item{display:flex;align-items:center;margin:0 .25rem}.page-input-form{display:flex;align-items:center}.page-input{width:75px;padding:.3rem .5rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;margin-right:.5rem;outline-offset:2px;text-align:center}.page-input:focus{border-color:#235565;box-shadow:0 0 4px #23556566}.page-total{font-size:1rem;color:#444}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.page-input.shake{animation:shake .4s ease;border-color:#ff4d4f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 640px){.page-link{min-width:36px;height:36px;padding:.25rem}.pagination{gap:.25rem}.page-input{width:50px;font-size:.9rem}}