.hpf-filter-wrapper{background:#f8f9fa;padding:18px;border-radius:8px;border:1px solid #dee2e6;margin:16px 0}.hpf-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.hpf-ico{font-size:24px}.hpf-title{font-weight:700}.hpf-sub{font-size:12px;color:#666}.hpf-filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.hpf-filter-col{min-width:24%}.hpf-filter-label{display:block;margin-bottom:6px;font-size:13px}.hpf-filter-select{width:100%;padding:10px 12px;border:1px solid #dcdcdc;border-radius:6px;background:#fff}.hpf-filter-submit{padding:11px 16px;border:0;border-radius:8px;background:#111;color:#fff;cursor:pointer}.hpf-filter-submit[disabled]{opacity:.6;cursor:not-allowed}.hpf-loading{margin-top:8px;font-size:12px;color:#666}.hpf-filter-submit-col{display:flex;gap:.5rem;align-items:center}.hpf-filter-reset{padding:.6rem 1rem;border-radius:10px;background:#f3f3f3;border:1px solid #ddd;cursor:pointer}.hpf-filter-reset:hover{background:#eee}@media (max-width:768px){.hpf-filter-col{min-width:100%}}