.search-bar-container{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}.search-bar-primary{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;flex-wrap:nowrap;justify-content:space-between}@media (max-width:768px){.search-bar-primary{flex-direction:column;align-items:stretch;gap:.75rem}}.search-input-container{flex:1;min-width:200px;max-width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#6b7280;pointer-events:none;z-index:1}.search-input-modern{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#ffffff;transition:all .2s ease}.search-input-modern:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-clear{position:absolute;right:8px;padding:4px;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:#f3f4f6;color:#374151}.search-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:nowrap;width:100%;min-height:2.5rem}.search-controls-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1;min-width:0}.search-controls-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-left:auto;flex-shrink:0;justify-self:flex-end}.search-controls:has(.search-controls-left:empty){justify-content:flex-end}.search-controls-left:empty+.search-controls-right{margin-left:auto}.filter-pill{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;font-size:.875rem;color:#1e40af}.pill-label{font-weight:500}.pill-value{font-weight:600}.pill-remove{margin-left:.25rem;padding:0;border:none;background:none;color:#6b7280;cursor:pointer;font-size:1rem;line-height:1;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.pill-remove:hover{background:rgba(0,0,0,.1);color:#374151}.filter-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:12px 24px!important;border:none!important;background:#f8fafc!important;border-radius:6px!important;font-size:14px!important;font-weight:500!important;line-height:20px!important;color:#475569!important;cursor:pointer!important;transition:all .2s ease!important;position:relative!important;min-height:32px!important;white-space:nowrap!important;outline:none!important;user-select:none!important}.filter-toggle:hover{background:#f1f5f9!important;border-color:#9ca3af!important}.filter-toggle.active{background:#2563eb;border-color:#2563eb;color:#ffffff}.filter-count{position:absolute;top:-6px;right:-6px;background:#dc2626;color:white;border-radius:10px;padding:2px 6px;font-size:.75rem;font-weight:600;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.sort-dropdown{position:relative}.sort-select{appearance:none;background:#ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat right 8px center/16px;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;color:#374151;cursor:pointer;min-width:120px}.sort-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.advanced-filters-panel{border-top:1px solid #e5e7eb;background:#f8f9fa}.filters-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem .5rem}.filters-header h3{font-size:1rem;font-weight:600;color:#374151;margin:0}.clear-all-btn{padding:.25rem .75rem;border:1px solid #d1d5db;background:#ffffff;border-radius:4px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.clear-all-btn:hover{background:#f3f4f6;color:#374151}.filters-content{padding:.5rem 1.5rem 1rem}.filter-group{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.filter-group:nth-child(2){align-items:flex-start}.filter-group:nth-child(2) .filter-options{flex-basis:100%}.filter-label{font-size:.875rem;font-weight:500;color:#6b7280;min-width:60px}.filter-options{display:flex;gap:.5rem;flex-wrap:wrap}.option-pill{padding:.375rem .75rem;border:1px solid #d1d5db;background:#ffffff;border-radius:16px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease}.option-pill:hover{background:#f3f4f6;border-color:#9ca3af}.option-pill.selected{background:#2563eb;border-color:#2563eb;color:#ffffff}.search-results-info{padding:.75rem 1.5rem;background:#f8f9fa;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.results-count{font-weight:600;color:#374151}@media (max-width:640px){.search-bar-primary{padding:.75rem}.search-input-container{max-width:100%}.filter-group{flex-direction:column;align-items:flex-start;gap:.5rem}.filter-label{min-width:auto}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-block{background:linear-gradient(90deg,#F3F4F6 25%,#E9EAEC 50%,#F3F4F6 75%);background-size:1200px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:6px}.skeleton-club-card,.skeleton-crew-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.skeleton-gallery-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.skeleton-generate-card{background:#F9FAFB;border:2px solid #e5e7eb;border-radius:10px;padding:12px;position:relative;min-height:100px;display:flex;flex-direction:column}.generate-crew-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.generate-template-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}