:root{--dark-bg:#121212;--dark-card:#1e1e1e;--dark-accent:#252525;--primary:#8e44ad;--primary-light:#9b59b6;--text-light:#e0e0e0;--text-muted:#a0a0a0;--border-color:#333}body{background-color:var(--dark-bg);color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.cursor-pointer{cursor:pointer}.search-sidebar{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border-radius:1rem;border-right:1px solid var(--border-color);height:100%;overflow-y:auto;padding:1.5rem;position:sticky;top:0}.search-content-area{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);min-height:100vh;padding:1.5rem}.search-input-box{border:1px solid var(--border-color);border-radius:8px}.search-input-box,.search-input-box:focus{background-color:var(--dark-accent);color:var(--text-light)}.search-input-box:focus{border-color:var(--primary);box-shadow:0 0 0 .25rem rgba(142,68,173,.25)}.search-category-item{color:var(--text-light);cursor:pointer;padding:.5rem 0;transition:all .2s}.search-category-item:hover{color:var(--primary-light)}.search-subcategory-item{cursor:pointer;font-size:.9rem;padding-left:1.5rem}.search-subcategory-item:hover{color:var(--primary-light)}.search-sort-btn{background-color:var(--dark-accent);border:1px solid var(--border-color);color:var(--text-muted);margin-bottom:.5rem;margin-right:.5rem;transition:all .2s}.search-sort-btn:focus{box-shadow:none}.search-sort-btn.active,.search-sort-btn:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.search-course-card{background:linear-gradient(145deg,#1e1e1e,#151515);border:1px solid var(--border-color);border-radius:12px;height:100%;overflow:hidden;transition:transform .3s,box-shadow .3s}.search-course-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.3);transform:translateY(-5px)}.search-course-image{aspect-ratio:1/1;object-fit:cover;width:100%}.search-course-details{padding:1.25rem}.search-course-title{align-items:center;display:flex;font-weight:600;height:3rem;justify-content:start;margin-bottom:.5rem;overflow:hidden}.search-teacher-info{color:var(--text-muted);margin-bottom:.75rem}.search-price-info,.search-teacher-info{align-items:center;display:flex}.search-original-price{color:var(--text-muted);margin-right:.75rem;text-decoration:line-through}.search-discounted-price{color:var(--primary-light);font-size:1.1rem;font-weight:600}.search-view-course{align-items:center;background-color:#6610f2;border:none;border-radius:6px;color:#fff;display:flex;justify-content:center;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.search-dropdown-menu{background-color:var(--dark-accent);border:1px solid var(--border-color)}.search-dropdown-item{color:var(--text-light)}.search-dropdown-item:hover{background-color:var(--primary);color:#fff}.search-sidebar-section{margin-bottom:2.5rem}.search-sidebar h5{margin-bottom:1.2rem}.search-filter-option{margin-bottom:.8rem}.alert-light-warning{background-color:#fff4de;border-color:transparent;color:#ffa800}@media (max-width:991.98px){.search-sidebar{border-bottom:1px solid var(--border-color);border-right:none;height:auto;margin-bottom:1rem;padding-bottom:1rem;position:relative}.search-content-area{min-height:auto}}.loading-overlay{align-items:center;backdrop-filter:blur(3px);background:rgba(15,23,42,.5);border-radius:1rem;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:300}.loading-overlay.active{opacity:1;visibility:visible}.spinner{animation:spin 1.2s linear infinite;border-color:#6366f1 transparent;border-radius:50%;border-style:solid;border-width:3px;height:60px;width:60px}.spinner:after,.spinner:before{border:3px solid transparent;border-radius:50%;content:"";position:absolute}.spinner:before{animation:spin 1.8s linear infinite reverse;border-bottom-color:#818cf8;border-top-color:#818cf8;bottom:5px;left:5px;right:5px;top:5px}.spinner:after{animation:spin 1s linear infinite;border-bottom-color:#a5b4fc;border-top-color:#a5b4fc;bottom:15px;left:15px;right:15px;top:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-angle-up{display:inline-block;transition:transform .2s ease}