.admin-filter-bar{background:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.admin-filter-bar__search{flex:1;min-width:200px;max-width:350px;position:relative}.admin-filter-bar__search-input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);width:100%;font-size:var(--font-size-sm);background:var(--color-white);transition:border-color var(--duration-base), box-shadow var(--duration-base);padding:10px 36px 10px 14px}.admin-filter-bar__search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.admin-filter-bar__search-input::placeholder{color:var(--color-gray-400)}.admin-filter-bar__clear-search{background:var(--color-gray-200);width:22px;height:22px;font-size:var(--font-size-sm);color:var(--color-gray-600);cursor:pointer;transition:background var(--duration-base);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.admin-filter-bar__clear-search:hover{background:var(--color-gray-300)}.admin-filter-bar__filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-filter-bar__filter-group{align-items:center;gap:8px;display:flex}.admin-filter-bar__filter-label{font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap}.admin-filter-bar__filter-select,.admin-filter-bar__filter-date{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-white);cursor:pointer;min-width:120px;padding:8px 12px}.admin-filter-bar__filter-select:focus,.admin-filter-bar__filter-date:focus{border-color:var(--color-primary);outline:none}.admin-filter-bar__checkbox{font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex}.admin-filter-bar__checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.admin-filter-bar__extra{align-items:center;gap:8px;display:flex}.admin-filter-bar__count{font-size:var(--font-size-sm);color:var(--color-gray-500);white-space:nowrap;margin-left:auto}.admin-pagination{background:var(--surface-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.admin-pagination__per-page{font-size:var(--font-size-sm);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.admin-pagination__per-page select{border:1px solid var(--border-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--input-bg);color:var(--text-primary);cursor:pointer;padding:6px 10px}.admin-pagination__pages{align-items:center;gap:4px;display:flex}.admin-pagination__btn{border:1px solid var(--border-secondary);border-radius:var(--border-radius-md);background:var(--surface-primary);min-width:36px;height:36px;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-all);padding:0 10px}.admin-pagination__btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-secondary)}.admin-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination__btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.admin-pagination__ellipsis{color:var(--text-tertiary);padding:0 8px}.admin-pagination__info{font-size:var(--font-size-sm);color:var(--color-gray-500)}@media (width<=768px){.admin-filter-bar{flex-direction:column;align-items:stretch}.admin-filter-bar__search{max-width:100%}.admin-filter-bar__filters,.admin-filter-bar__filter-group{flex-direction:column;align-items:stretch}.admin-filter-bar__filter-select,.admin-filter-bar__filter-date{width:100%}.admin-filter-bar__count{text-align:center;margin-left:0}.admin-pagination{flex-direction:column;gap:12px}.admin-pagination__pages{flex-wrap:wrap;order:-1;justify-content:center}.admin-pagination__btn{min-width:32px;height:32px}}
