.panel-backdrop[data-v-6dd5a7a5]{z-index:99;background:#00000080;position:fixed;inset:0}.course-filter-panel[data-v-6dd5a7a5]{background:var(--color-primary-white);z-index:100;flex-direction:column;width:480px;max-width:100%;height:100vh;transition:all .2s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.course-filter-panel.open[data-v-6dd5a7a5]{transform:translate(0);box-shadow:-2px 0 8px #00000026}.panel-header[data-v-6dd5a7a5]{flex-shrink:0;justify-content:space-between;align-items:center;padding:32px 32px 0;display:flex}.panel-header .panel-title[data-v-6dd5a7a5]{color:var(--color-primary-black);margin:0;font-size:22px;font-weight:400;line-height:1.2}.panel-header .panel-close[data-v-6dd5a7a5]{cursor:pointer;height:48px;color:var(--color-primary-black);background:0 0;border:none;border-radius:6px;align-items:center;gap:2px;font-size:15px;font-weight:500;display:flex}.panel-header .panel-close[data-v-6dd5a7a5]:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:2px}.panel-content[data-v-6dd5a7a5]{flex:1;gap:16px;padding:16px 32px;overflow-y:auto}.filter-date[data-v-6dd5a7a5],.panel-content[data-v-6dd5a7a5]{flex-direction:column;display:flex}.filter-date[data-v-6dd5a7a5]{gap:2px;width:315px;max-width:100%}.filter-date .filter-label[data-v-6dd5a7a5]{color:var(--color-primary-black);font-size:14px;font-weight:500;line-height:1.2}.filter-date[data-v-6dd5a7a5] .filter-control .content{width:100%;margin-bottom:0;top:0}.filter-section[data-v-6dd5a7a5]{flex-direction:column;width:315px;max-width:100%;display:flex}.filter-accordion[data-v-6dd5a7a5]{cursor:pointer;width:100%;height:48px;color:var(--color-primary-black);text-align:left;background:0 0;border:none;border-bottom:1px solid #333;align-items:center;gap:8px;padding:0 8px;font-size:15px;font-weight:500;display:flex}.filter-accordion .accordion-title[data-v-6dd5a7a5]{flex:1}.filter-accordion .accordion-icon[data-v-6dd5a7a5]{flex-shrink:0}.filter-accordion[data-v-6dd5a7a5]:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:-2px}.filter-options[data-v-6dd5a7a5]{flex-direction:column;display:flex;overflow-y:auto}.filter-option[data-v-6dd5a7a5]{cursor:pointer;align-items:flex-start;gap:8px;min-height:48px;padding-top:12px;display:flex}.filter-option input[type=checkbox][data-v-6dd5a7a5]{opacity:0;width:0;height:0;position:absolute}.filter-option .checkbox-visual[data-v-6dd5a7a5]{border:2px solid var(--color-primary-black);background:var(--color-primary-white);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.filter-option .checkbox-visual.checked[data-v-6dd5a7a5]{background:var(--color-primary-black);border-color:var(--color-primary-black)}.filter-option .checkbox-visual.checked[data-v-6dd5a7a5] svg{fill:var(--color-primary-white);width:14px;height:14px}.filter-option .option-label[data-v-6dd5a7a5]{color:var(--color-primary-black);padding-top:3px;font-size:15px;font-weight:500;line-height:1.2}.filter-option:focus-within .checkbox-visual[data-v-6dd5a7a5]{outline:2px solid var(--color-light-blue);outline-offset:2px}.filter-tags[data-v-6dd5a7a5]{flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.filter-tag[data-v-6dd5a7a5]{background:var(--color-primary-black);color:var(--color-primary-white);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 12px 8px 8px;font-size:15px;font-weight:500;display:flex}.filter-tag .tag-close[data-v-6dd5a7a5] svg{fill:var(--color-primary-white);width:16px;height:16px}.filter-tag[data-v-6dd5a7a5]:hover{background:var(--color-grey-700)}.filter-tag[data-v-6dd5a7a5]:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:2px}.clear-all[data-v-6dd5a7a5]{cursor:pointer;color:var(--color-primary-black);background:0 0;border:none;justify-content:center;align-items:center;min-height:48px;padding:0;font-size:14px;font-weight:500;text-decoration:underline;display:flex}.clear-all[data-v-6dd5a7a5]:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:2px}.panel-footer[data-v-6dd5a7a5]{background:var(--color-primary-white);flex-shrink:0;padding:24px}.panel-footer .btn-apply[data-v-6dd5a7a5]{width:100%;min-height:48px;color:var(--color-primary-white);cursor:pointer;background:#2863bf;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:15px;font-weight:500;display:flex}.panel-footer .btn-apply[data-v-6dd5a7a5]:hover{background:#1e4f99}.panel-footer .btn-apply[data-v-6dd5a7a5]:focus-visible{outline:2px solid var(--color-light-blue);outline-offset:2px}@media (width<=767px){.course-filter-panel[data-v-6dd5a7a5]{border-radius:16px 16px 0 0;width:100%;height:90vh;inset:auto 0 0;transform:translateY(100%)}.course-filter-panel.open[data-v-6dd5a7a5]{transform:translateY(0);box-shadow:0 -2px 8px #00000026}.filter-date[data-v-6dd5a7a5],.filter-section[data-v-6dd5a7a5]{width:100%}}