.pagination-container{margin-top:var(--space-12);align-items:center;gap:var(--space-5);padding:var(--space-8)0;border-top:1px solid var(--color-cloud);flex-direction:column;animation:.5s ease-out .4s both fadeInUp;display:flex}.pagination-top{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;width:100%;max-width:600px;display:flex}.pagination-info{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-stone);letter-spacing:.02em}.page-size-selector{align-items:center;gap:var(--space-2);display:flex}.page-size-selector label{font-size:var(--text-sm);color:var(--color-stone);font-weight:500}.page-size-selector select{min-height:var(--touch-target-min,44px);padding:var(--space-2)var(--space-4);padding-right:var(--space-8);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-charcoal);background:var(--color-white);border:2px solid var(--color-cloud);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;font-weight:600}.page-size-selector select:hover{border-color:var(--color-primary)}.page-size-selector select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.pagination{gap:var(--space-2);transition:opacity var(--transition-base);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.pagination.loading{opacity:.6;pointer-events:none}.pagination-button{min-width:44px;height:44px;padding:0 var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-slate);background:var(--color-white);border:1px solid var(--color-cloud);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.pagination-button:hover:not(:disabled):not(.active){border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-md);background:#3b82f60d;transform:translateY(-2px)}.pagination-button:active:not(:disabled):not(.active){transform:translateY(0)}.pagination-button:disabled{opacity:.4;cursor:not-allowed;background:var(--color-paper)}.pagination-button.active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary);font-family:var(--font-data);box-shadow:0 2px 8px var(--color-primary-alpha);font-weight:600;position:relative}.pagination-button.active:after{content:"";background:var(--color-primary-contrast);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.pagination-button.active:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}@media (max-width:768px){.pagination-container{margin-top:var(--space-8);padding:var(--space-6)0}.pagination-button{min-width:40px;height:40px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.pagination-info{font-size:var(--text-xs)}}@media (max-width:480px){.pagination{gap:var(--space-1)}.pagination-button{min-width:40px;height:40px;padding:0 var(--space-2)}.pagination-button:not(.prev):not(.next):not(.active):not(:first-of-type):not(:last-of-type){display:none}}