*{box-sizing:border-box}.workshop-filter-wrapper{max-width:1200px;margin:40px auto;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif}.filter-header{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-bottom:30px;padding:30px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.filter-control{flex:1;min-width:200px}.dropdown-label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#2c3e50;display:flex;align-items:center;gap:6px}.label-icon{font-size:16px}.month-year-picker{width:100%;padding:12px 16px;font-size:15px;border:2px solid #e0e7ff;border-radius:10px;background:#fff;color:#1f2937;transition:all 0.3s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.month-year-picker:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.month-year-picker{background-image:none!important;padding-right:40px}.reset-btn{display:none;padding:14px 32px;background-color:#FF6B4A;color:#fff;border:none;border-radius:50px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color 0.2s ease-in-out,transform 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:48px}.reset-btn:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 6px 16px rgba(76,175,80,.3)}.reset-btn:active{transform:translateY(0)}.reset-icon{font-size:18px;display:inline-block}.selected-filters-container{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:30px;min-height:40px}.selected-tags-container,.selected-date-container{display:flex;gap:10px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#2c3e50;border-radius:25px;font-size:14px;font-weight:500;box-shadow:0 4px 12px rgba(102,126,234,.3);transition:all 0.3s ease;animation:tagSlideIn 0.3s ease}@keyframes tagSlideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.tag:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.date-tag{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.tag-icon{font-size:14px}.tag-text{font-weight:500}.tag-remove{background:rgba(255,255,255,.3);border:none;color:#2c3e50;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;padding:0;transition:all 0.2s ease;flex-shrink:0}.tag-remove:hover{background:rgba(255,255,255,.5);transform:rotate(90deg)}.workshop-results{display:block!important;width:100%;min-height:200px}.initial-message,.loading-message,.no-results,.error-message{text-align:center;padding:60px 20px;font-size:16px;color:#6b7280}.loading-message{color:#667eea;font-weight:500}.error-message{color:#ef4444}@media (max-width:1024px){.workshop-filter-wrapper{margin:30px auto}.workshop-results{display:block!important;width:100%}}@media (max-width:768px){.workshop-filter-wrapper{margin:20px auto;padding:0 16px}.filter-header{flex-direction:column;align-items:stretch;gap:16px;padding:24px 20px}.filter-control{min-width:100%;flex:none}.reset-btn{width:100%;justify-content:center;order:10}.month-year-picker{font-size:16px;padding:14px 16px}.tag{padding:8px 14px;font-size:13px;gap:6px}.tag-icon{font-size:13px}.tag-remove{width:20px;height:20px;font-size:16px}.workshop-results{display:block!important;width:100%;gap:16px}.initial-message,.loading-message,.no-results,.error-message{padding:40px 16px;font-size:15px}}@media (max-width:480px){.workshop-filter-wrapper{padding:0 12px;margin:16px auto}.filter-header{padding:20px 16px;gap:14px;border-radius:12px}.dropdown-label{font-size:13px;margin-bottom:6px}.label-icon{font-size:14px}.month-year-picker{padding:12px 14px;font-size:16px;border-radius:8px}.reset-btn{padding:12px 20px;font-size:13px;border-radius:8px}.reset-icon{font-size:16px}.selected-filters-container{gap:10px;margin-bottom:20px}.tag{padding:7px 12px;font-size:12px;border-radius:20px}.tag-icon{font-size:12px}.tag-text{font-size:12px}.tag-remove{width:18px;height:18px;font-size:14px}.workshop-results{display:block!important;width:100%}.initial-message,.loading-message,.no-results,.error-message{padding:30px 12px;font-size:14px}}@media (max-width:360px){.workshop-filter-wrapper{padding:0 10px}.filter-header{padding:16px 12px}.dropdown-label{font-size:12px}.month-year-picker{padding:10px 12px;font-size:15px}.reset-btn{padding:10px 16px;font-size:12px}.tag{padding:6px 10px;font-size:11px}.workshop-results{display:block!important;width:100%}}@media (hover:none) and (pointer:coarse){.tag-remove,.reset-btn{min-height:44px;min-width:44px}.month-year-picker{min-height:48px}.tag:hover{transform:none}.tag-remove:active{background:rgba(255,255,255,.6);transform:scale(.95)}.reset-btn:active{transform:scale(.98)}.workshop-results{display:block!important;width:100%}}@media print{.filter-header,.selected-filters-container,.reset-btn,.tag-remove{display:none!important}.workshop-results{display:block!important}}@media (prefers-contrast:high){.filter-header{border:2px solid #000}.month-year-picker{border:2px solid #000}.workshop-results{display:block!important;width:100%}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.workshop-results{display:block!important;width:100%}}