.h-filter-bar { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:14px 20px; margin-bottom:20px; }
.h-filter-form { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.results-count { font-size:15px; font-weight:600; color:#1f2937; }
.h-filter-right { display:flex; align-items:center; gap:12px; }
.h-filter-right label { font-size:14px; color:#6b7280; }
.h-filter-right select { border:1px solid #e5e7eb; border-radius:8px; padding:8px 12px; font-size:14px; cursor:pointer; outline:none; }
.view-toggle { display:flex; gap:6px; }
.view-btn { width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:1px solid #e5e7eb; border-radius:8px; font-size:18px; color:#6b7280; text-decoration:none; transition:all 0.2s; }
.view-btn.active, .view-btn:hover { background:#6366f1; color:#fff; border-color:#6366f1; }