.filter-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid #dee2e6}[data-theme="dark"] .filter-container{background:linear-gradient(135deg,#343a40,#495057);border-color:#6c757d;box-shadow:0 4px 15px rgba(0,0,0,.3)}.filter-title{color:#495057;font-weight:600;margin-bottom:1rem}[data-theme="dark"] .filter-title{color:#fff}.filter-group{margin-bottom:1rem}.filter-group-label{display:block;font-weight:600;color:#495057;margin-bottom:.75rem;font-size:.95rem}[data-theme="dark"] .filter-group-label{color:#adb5bd}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;user-select:none;box-shadow:0 2px 4px rgba(0,0,0,.05)}.filter-btn:hover{border-color:#007bff;color:#007bff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.15)}.filter-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,123,255,.3)}.filter-btn.active:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,.4)}.filter-btn i{font-size:.9rem}[data-theme="dark"] .filter-btn{background:#343a40;border-color:#495057;color:#adb5bd}[data-theme="dark"] .filter-btn:hover{border-color:#007bff;color:#66b3ff;background:#1a2332}[data-theme="dark"] .filter-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff}.filter-container{animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        max-height: 500px;
        transform: translateY(0);
    }
}.filter-header{border-bottom:1px solid #dee2e6;padding-bottom:.75rem}[data-theme="dark"] .filter-header{border-bottom-color:#495057}.filter-title{color:#495057;font-weight:600;font-size:1.1rem}[data-theme="dark"] .filter-title{color:#fff}.filter-actions{border-top:1px solid #dee2e6;padding-top:1rem}[data-theme="dark"] .filter-actions{border-top-color:#495057}.filter-count{font-size:.9rem}.btn{transition:all .3s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.filter-btn.active{position:relative}.filter-btn.active::before{content:'';position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#28a745;border-radius:50%;border:2px solid #fff;animation:pulse 2s infinite}[data-theme="dark"] .filter-btn.active::before{border-color:#343a40}@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}.filter-container .form-label{font-weight:600;color:#495057;margin-bottom:.5rem}[data-theme="dark"] .filter-container .form-label{color:#fff}.filter-container .form-select{border:2px solid #e9ecef;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:all .3s ease;background-color:#fff;color:#495057}.filter-container .form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.filter-container .form-select:hover{border-color:#007bff}[data-theme="dark"] .filter-container .form-select{background-color:#343a40;border-color:#6c757d;color:#fff}[data-theme="dark"] .filter-container .form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}[data-theme="dark"] .filter-container .form-select option{background-color:#343a40;color:#fff}@media (max-width:768px){.filter-container{padding:1rem}.filter-container .form-select{font-size:.9rem;padding:.6rem .8rem}}@media (max-width:576px){.filter-container{padding:.75rem}.filter-container .row>div{margin-bottom:1rem}.filter-container .row>div:last-child{margin-bottom:0}}.show-answers-mode .answer-option.correct-answer{border-color:#28a745!important;background-color:#d4edda!important;color:#155724!important}.show-answers-mode .answer-option.correct-answer .answer-key{background:linear-gradient(135deg,#28a745,#1e7e34)!important;color:#fff!important}[data-theme="dark"] .show-answers-mode .answer-option.correct-answer{border-color:#28a745!important;background-color:#1e3a25!important;color:#75d487!important}.filter-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:rgba(0,123,255,.1);color:#007bff;border-radius:20px;font-size:.85rem;font-weight:500;margin-top:.5rem}[data-theme="dark"] .filter-status{background:rgba(0,123,255,.2);color:#66b3ff}.filter-status-icon{width:8px;height:8px;border-radius:50%;background-color:currentColor}