.pagination{flex-direction:column;margin:var(--spacing-8) 0;gap:var(--spacing-2)}.pagination,.pagination-nav{display:flex;justify-content:center;align-items:center}.pagination-nav{gap:var(--spacing-3);width:100%;max-width:400px}.pagination-arrow{display:flex;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 var(--spacing-2);border:1px solid var(--neutral-200);background-color:white;color:var(--neutral-700);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-arrow:hover{background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.pagination-arrow:disabled{opacity:.5;cursor:not-allowed;background-color:var(--neutral-100);border-color:var(--neutral-200);color:var(--neutral-400)}.pagination-control{display:flex;flex:1 1;justify-content:center;align-items:center;background-color:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--spacing-2);box-shadow:0 2px 4px rgba(0,0,0,.05);background-color:var(--primary-300)}.pagination-select-wrapper{flex:1 1;position:relative}.pagination-select{width:100%;height:40px;padding:0 var(--spacing-2);border:1px solid var(--neutral-200);background-color:white;color:var(--neutral-700);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.pagination-select:hover{border-color:var(--primary-300)}.pagination-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px rgba(var(--primary-500-rgb),.2)}.pagination-info{font-size:var(--text-sm);color:var(--neutral-500);margin-top:var(--spacing-2)}@media (max-width:768px){.pagination-nav{flex-direction:column;gap:var(--spacing-3)}.pagination-control,.pagination-select-wrapper{width:100%}}@media (max-width:480px){.pagination-control{padding:var(--spacing-1)}.pagination-arrow,.pagination-select{height:36px;font-size:var(--text-xs)}}