.pagination-container{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px 0}.pagination-nav{display:flex;align-items:center;gap:4px;padding:8px 12px;max-height:36px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-nav:hover:not(.disabled){background:#f8fafc;border-color:#cbd5e1}.pagination-nav.disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.pagination-nav-text{display:none}@media (min-width:640px){.pagination-nav-text{display:inline}}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-page:hover{background:#f8fafc;border-color:#cbd5e1}.pagination-page.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.pagination-dots{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#9ca3af}.pagination-icon{width:16px;height:16px}.pagination-info{font-size:14px;color:#6b7280;text-align:center;margin-top:16px}@media (prefers-color-scheme:dark){.pagination-nav,.pagination-page{background:#1f2937;border-color:#374151;color:#f9fafb}.pagination-nav:hover:not(.disabled),.pagination-page:hover{background:#374151;border-color:#4b5563}.pagination-nav.disabled{background:#111827;color:#6b7280}.pagination-page.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-dots{color:#6b7280}.pagination-info{color:#9ca3af}}.pagination-container.mui-style{gap:0}.pagination-container.mui-style .pagination-nav,.pagination-container.mui-style .pagination-page{border-radius:50%;border:none;min-width:40px;height:40px;margin:0 2px}.pagination-container.mui-style .pagination-page.active{background:#1976d2}.pagination-container.mui-style .pagination-nav:hover:not(.disabled),.pagination-container.mui-style .pagination-page:hover{background:rgba(25,118,210,.04)}