.pagination-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;padding:0;background:transparent;border-radius:0;box-shadow:none}.page-size-selector{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.page-size-label{font-size:.875rem;font-weight:500;color:#333}.page-size-select{padding:.5rem .75rem;border:1px solid #e9ecef;border-radius:6px;background:#fff;font-size:.875rem;color:#333;cursor:pointer;transition:all .2s ease}.page-size-select:hover{border-color:#dee2e6}.page-size-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.25)}.page-size-text{font-size:.875rem;color:#6c757d}.pagination-info{text-align:center}.pagination-info .pagination-text{font-size:.875rem;color:#6c757d;font-weight:500}.wd-navigation{gap:8px;list-style:none;padding:0;margin-left:0;margin-right:0;margin-top:24px}.wd-navigation,.wd-navigation .nav-item{display:flex;align-items:center;justify-content:center;background:transparent}.wd-navigation .nav-item{width:48px;height:50px;font-weight:700;border-radius:8px;color:#333;text-decoration:none;cursor:pointer;transition:all .2s;border:none;font-size:14px}.wd-navigation .nav-item.active,.wd-navigation .nav-item:hover:not(.disabled){background-color:#2563eb;color:#ffffff}.wd-navigation .nav-item.disabled{opacity:.5;cursor:not-allowed;background:transparent;color:#999}.wd-navigation .nav-item:focus{outline:none;box-shadow:0 0 0 2px rgba(37,99,235,.25)}.wd-navigation .nav-item i{font-size:14px}@media (max-width:768px){.wd-navigation{gap:8px;margin-top:20px;padding:10px 0}.wd-navigation .nav-item{width:46px;height:48px;font-size:14px;font-weight:700;min-width:46px;min-height:48px}.wd-navigation .nav-item i{font-size:14px}}@media (max-width:480px){.wd-navigation{flex-wrap:wrap;gap:6px;justify-content:center;padding:15px 0;margin-top:25px}.wd-navigation .nav-item{width:44px;height:46px;font-size:13px;font-weight:700;min-width:44px;min-height:46px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.wd-navigation .nav-item:hover:not(.disabled){box-shadow:0 2px 6px rgba(37,99,235,.3)}.wd-navigation .nav-item.active{box-shadow:0 2px 8px rgba(37,99,235,.4)}.wd-navigation .nav-item i{font-size:13px}}@media (prefers-color-scheme:dark){.pagination-wrapper{background:#1f2937;box-shadow:0 2px 8px rgba(0,0,0,.3)}.pagination-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.pagination-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280;color:#f9fafb}.pagination-btn-page.pagination-btn-active{background:#3b82f6;border-color:#3b82f6;color:#fff}.page-size-select{background:#374151;border-color:#4b5563;color:#d1d5db}.page-size-label{color:#d1d5db}.page-size-text,.pagination-ellipsis,.pagination-info .pagination-text{color:#9ca3af}}.pagination-wrapper{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination-btn{position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.pagination-btn:hover:before{left:100%}.pagination-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.pagination-wrapper.loading{opacity:.7;pointer-events:none}.pagination-wrapper.loading .pagination-btn{cursor:wait}