:root{--pagination-primary: #578fca;--pagination-primary-dark: #4a6bb8;--pagination-bg-light: #ffffff;--pagination-bg-dark: #1a202c;--pagination-border-light: #dee2e6;--pagination-border-dark: #374151;--pagination-text-light: #6c757d;--pagination-text-dark: #9ca3af;--pagination-hover-light: #f8f9fa;--pagination-hover-dark: #2d3748}.pagination{margin:0;display:flex;gap:.25rem}.pagination .page-link{border-radius:8px;margin:0 2px;border:1.5px solid var(--pagination-border-light);color:var(--pagination-text-light);font-size:.875rem;font-weight:500;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:var(--pagination-bg-light);cursor:pointer;text-decoration:none;padding:0}[data-bs-theme=dark] .pagination .page-link{background-color:var(--pagination-bg-dark);border-color:var(--pagination-border-dark);color:var(--pagination-text-dark)}.pagination .page-link:hover{background-color:var(--pagination-hover-light);border-color:var(--pagination-primary);color:var(--pagination-primary);transform:translateY(-2px);box-shadow:0 4px 12px #578fca26}[data-bs-theme=dark] .pagination .page-link:hover{background-color:var(--pagination-hover-dark);border-color:var(--pagination-primary);color:var(--pagination-primary);box-shadow:0 4px 12px #578fca40}.pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--pagination-primary),var(--pagination-primary-dark));border-color:var(--pagination-primary);color:#fff;font-weight:700;box-shadow:0 4px 16px #578fca4d;transform:scale(1.05)}[data-bs-theme=dark] .pagination .page-item.active .page-link{box-shadow:0 4px 16px #578fca66}.pagination .page-item.disabled .page-link{background-color:transparent;border-color:var(--pagination-border-light);color:#adb5bd;cursor:not-allowed;opacity:.5}[data-bs-theme=dark] .pagination .page-item.disabled .page-link{border-color:var(--pagination-border-dark);color:#6b7280}.pagination .page-link i{font-size:1rem;transition:transform .2s ease}.pagination .page-link:hover i{transform:scale(1.1)}.pagination .page-item span{display:flex;align-items:center;justify-content:center;padding:0 .5rem;color:var(--pagination-text-light);font-size:.875rem}[data-bs-theme=dark] .pagination .page-item span{color:var(--pagination-text-dark)}@media (max-width: 768px){.pagination .page-link{min-width:38px;height:38px;font-size:.8125rem;margin:0 1px}.pagination .page-item:not(.active):not(:first-child):not(:last-child){display:none}.pagination .page-item.active{display:flex}.pagination .page-item:first-child,.pagination .page-item:last-child{display:flex}}@media (max-width: 480px){.pagination .page-link{min-width:36px;height:36px;font-size:.75rem;margin:0}.pagination .page-item:not(.active):not(:first-child):not(:last-child){display:none!important}.pagination .page-item{display:none}.pagination .page-item.active,.pagination .page-item:first-child,.pagination .page-item:last-child{display:flex}}[dir=rtl] .pagination{flex-direction:row-reverse}[dir=rtl] .pagination .page-link i{transform:scaleX(-1)}.pagination .page-link{position:relative;overflow:hidden}.pagination .page-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#578fca1a;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.pagination .page-link:hover:before{width:100%;height:100%}.pagination .page-item.active .page-link:before{display:none}.pagination .page-link:focus{outline:2px solid var(--pagination-primary);outline-offset:2px}.pagination .page-link[aria-current=page]{font-weight:700}
