.filter-section{background:#12122a;border:1px solid rgba(139,92,246,.15);border-radius:10px;transition:all .3s ease}.list-page{padding:20px 0 40px}@media screen and (max-width: 799px){.list-page{padding:12px 0 24px}}.filter-section{padding:20px;margin-bottom:24px}@media screen and (max-width: 799px){.filter-section{padding:16px;margin-bottom:16px}}.filter-group{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid rgba(59,130,246,.1)}.filter-group:first-child{padding-top:0}.filter-group:last-child{border-bottom:none;padding-bottom:0}.filter-group.active-filters{background:rgba(59,130,246,.05);padding:14px;margin:-20px -20px 0;border-radius:10px 10px 0 0;border-bottom:1px solid rgba(139,92,246,.15)}@media screen and (max-width: 799px){.filter-group.active-filters{margin:-16px -16px 0;padding:12px}}@media screen and (max-width: 799px){.filter-group{flex-direction:column;gap:10px;padding:12px 0}}.filter-label{flex-shrink:0;width:60px;font-size:13px;font-weight:600;color:#a0aec0;padding-top:6px}@media screen and (max-width: 799px){.filter-label{width:auto;padding-top:0}}.filter-options{display:flex;flex-wrap:wrap;gap:8px;flex:1}.filter-option{display:inline-block;padding:6px 14px;font-size:13px;color:#a0aec0;background:#1a1a3a;border-radius:6px;transition:all .15s ease}.filter-option:hover{color:#f0f4ff;background:rgba(59,130,246,.2)}.filter-option.active{color:#fff;background:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%)}@media screen and (max-width: 799px){.filter-option{padding:5px 10px;font-size:12px}}.filter-tags{display:flex;flex-wrap:wrap;gap:8px;flex:1}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;color:#3b82f6;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:6px;transition:all .15s ease}.filter-tag svg{width:12px;height:12px}.filter-tag:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#ef4444}.filter-extend.hidden{display:none}.filter-toggle-wrapper{display:flex;justify-content:center;padding-top:14px}.filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;font-size:13px;color:#a0aec0;background:#1a1a3a;border:1px solid rgba(139,92,246,.15);border-radius:6px;cursor:pointer;transition:all .15s ease}.filter-toggle-btn:hover{color:#3b82f6;border-color:#3b82f6}.filter-toggle-btn .toggle-icon{width:16px;height:16px;transition:transform .15s ease}.filter-toggle-btn .toggle-icon.rotate{transform:rotate(180deg)}