.active-filters{margin:1rem 0 1.5rem;padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.active-filters__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.active-filters__title{font-size:.875rem;font-weight:600;color:#374151}.active-filters__clear-all{background:none;border:none;color:#ef4444;font-size:.75rem;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.active-filters__clear-all:hover{color:#dc2626}.active-filters__list{display:flex;flex-wrap:wrap;gap:.5rem}.active-filters__tag{display:inline-flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:9999px;padding:.25rem .75rem .25rem .5rem;font-size:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease}.active-filters__tag:hover{box-shadow:0 1px 3px rgba(0,0,0,.1)}.active-filters__label{color:#6b7280;margin-right:.25rem}.active-filters__value{color:#111827;font-weight:500;margin-right:.5rem}.active-filters__remove{background:none;border:none;color:#9ca3af;font-size:14px;font-weight:700;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.active-filters__remove:hover{background:#fef2f2;color:#ef4444}[data-theme=dark] .active-filters{background:rgba(15,23,42,.8);border-color:rgba(71,85,105,.3)}[data-theme=dark] .active-filters__title{color:#cbd5e1}[data-theme=dark] .active-filters__clear-all{color:#f87171}[data-theme=dark] .active-filters__clear-all:hover{color:#ef4444}[data-theme=dark] .active-filters__tag{background:rgba(30,41,59,.9);border-color:rgba(71,85,105,.5);box-shadow:0 1px 2px rgba(0,0,0,.2)}[data-theme=dark] .active-filters__tag:hover{box-shadow:0 1px 3px rgba(0,0,0,.3);border-color:rgba(148,163,184,.5)}[data-theme=dark] .active-filters__label{color:#94a3b8}[data-theme=dark] .active-filters__value{color:#f1f5f9}[data-theme=dark] .active-filters__remove{color:#94a3b8}[data-theme=dark] .active-filters__remove:hover{background:rgba(239,68,68,.2);color:#f87171}@media(max-width:640px){.active-filters__header{flex-direction:column;align-items:flex-start;gap:.5rem}.active-filters__list{gap:.25rem}.active-filters__tag{font-size:.625rem;padding:.2rem .6rem .2rem .4rem}}