.pagination{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1rem 1.5rem}.pagination__info{font-size:.8125rem;color:var(--color-gray-500,#9e9e9e);letter-spacing:.03em}.pagination__info strong{color:var(--color-primary-500,#0f4c75);font-weight:600}.pagination__controls,.pagination__pages{display:flex;align-items:center;gap:.375rem}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;min-width:2.5rem;padding:0 .5rem;border-radius:.625rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;color:var(--color-gray-700,#616161);background:var(--color-white,#ffffff);border:1.5px solid var(--color-gray-200,#eeeeee);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.pagination__btn--icon{color:var(--color-gray-600,#757575)}.pagination__btn--page{min-width:2.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pagination__btn:not(.pagination__btn--disabled):not(.pagination__btn--active):hover{background:var(--color-primary-50,#e6f7ff);border-color:var(--color-primary-500,#0f4c75);color:var(--color-primary-500,#0f4c75);transform:translateY(-1px);box-shadow:0 4px 12px -2px rgba(15,76,117,.18)}.pagination__btn--active{background:linear-gradient(135deg,var(--color-primary-500,#0f4c75) 0,var(--color-secondary-400,#1b6ca8) 100%);border-color:transparent;color:#ffffff;font-weight:700;box-shadow:0 4px 14px -2px rgba(15,76,117,.45),0 0 0 3px rgba(15,76,117,.12);pointer-events:none}.pagination__btn--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.pagination__ellipsis{display:inline-flex;align-items:flex-end;justify-content:center;height:2.5rem;width:2rem;padding-bottom:.2rem;color:var(--color-gray-400,#bdbdbd);font-size:1.1rem;letter-spacing:.05em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:480px){.pagination__btn--icon:first-child,.pagination__btn--icon:last-child{display:none}.pagination__btn{height:2.25rem;min-width:2.25rem;font-size:.8125rem;border-radius:.5rem}.pagination__controls,.pagination__pages{gap:.25rem}}