.pagination-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.pagination-info{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.page-size-selector{align-items:center;gap:6px;display:flex}.page-size-label{color:var(--text-muted);white-space:nowrap;font-size:.82rem}.page-size-select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:32px;color:var(--text-primary);cursor:pointer;appearance:none;transition:border-color var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235f6b7c'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:0 24px 0 8px;font-family:inherit;font-size:.82rem;font-weight:500}.page-size-select:hover{border-color:var(--primary)}.page-size-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.pagination-controls{align-items:center;gap:2px;display:flex}.page-btn{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:.82rem;font-weight:500;display:flex}.page-btn:hover:not(:disabled):not(.active){background:var(--surface-secondary);color:var(--text-primary)}.page-btn.active{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary);font-weight:600}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-btn.ellipsis{cursor:default;color:var(--text-muted);background:0 0;border:none}.pagination-nav--compact{flex-wrap:nowrap;justify-content:center;gap:10px;padding:8px 0}.pagination-compact-label{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}@media (width>=577px) and (width<=1023px){.page-btn{min-width:34px;height:34px}.pagination-info{font-size:.78rem}}@media (width<=576px){.pagination-nav{flex-wrap:wrap;justify-content:center;padding:14px 8px}.pagination-info{display:none}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:4px}.page-btn{-webkit-tap-highlight-color:transparent;min-width:38px;height:38px;font-size:.85rem}}@media (width>=1600px){.page-btn{min-width:36px;height:36px;font-size:.85rem}.pagination-info{font-size:.85rem}}body.dark-mode.ui-liquid .pagination-info,body.dark-mode.ui-liquid .page-size-label{color:#34373c}