.searchModal{position:fixed;z-index:111;width:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px);top:105px;border-top:1px solid #e9e9e9;height:100vh;padding-top:20px;position:absolute;top:75px}.searchModal .searchWrapper{border-radius:12px;background-color:#fff;max-width:700px;margin:auto;box-shadow:0 10px 25px rgba(0,0,0,.15);border:1px solid #e2e8f0}.searchModal .searchWrapper .searchInput{display:flex;align-items:center;border:2px solid #e2e8f0;border-radius:12px;position:relative;background:#f8fafc;transition:all .2s ease}.searchModal .searchWrapper .searchInput:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.searchModal .searchWrapper .searchInput input{outline:none;border:none;height:45px;background:rgba(0,0,0,0);font-size:.95rem;color:#1e293b}.searchModal .searchWrapper .searchInput input:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none}.searchModal .searchWrapper .searchInput input::placeholder{color:#94a3b8}.searchModal .searchWrapper .searchInput span{padding:10px;cursor:pointer;color:#64748b}.searchModal .searchWrapper .searchInput button{background:var(--gradient);margin-right:7px;padding:5px;border-radius:100px;font-weight:600;color:#fff;border:none;cursor:pointer;transition:all .2s ease}.searchModal .searchWrapper .searchInput button:hover{transform:scale(1.05)}.searchModal .searchWrapper .searchInput .btn-close-search{position:absolute;bottom:25px;right:-20px;padding:7px;background:#ef4444;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.searchModal .searchWrapper .searchInput .btn-close-search:hover{background:#dc2626}.searchModal .searchWrapper .results-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0}.searchModal .searchWrapper .results-tabs .tab{flex:1;padding:8px 12px;text-align:center;transition:all .2s ease;border-bottom:3px solid rgba(0,0,0,0);font-size:.8rem;font-weight:500;color:#64748b}.searchModal .searchWrapper .results-tabs .tab:hover:not(.active){background:#f1f5f9}.searchModal .searchWrapper .results-tabs .tab .tab-icon{display:block;font-size:1rem;margin-bottom:2px}.searchModal .searchWrapper .results-tabs .tab .tab-text{font-size:.75rem}.searchModal .searchWrapper .loading-container{display:flex;align-items:center;justify-content:center;padding:16px;color:#64748b;font-weight:500}.searchModal .searchWrapper .loading-container span{margin-left:8px}.searchModal .searchWrapper .results-container{display:flex;gap:1px}.searchModal .searchWrapper .results-container .results-section{flex:1}.searchModal .searchWrapper .results-container .results-section .searchResultList{padding:0;list-style:none;max-height:280px;overflow-y:scroll}.searchModal .searchWrapper .results-container .results-section .searchResultList li{border-bottom:1px solid #f1f5f9;background-color:#f8fafc;padding:0 20px;transition:all .2s ease}.searchModal .searchWrapper .results-container .results-section .searchResultList li:hover{background-color:#f1f5f9;transform:translateX(2px)}.searchModal .searchWrapper .results-container .results-section .searchResultList li.result-item{display:flex;align-items:center;padding:8px 16px}.searchModal .searchWrapper .results-container .results-section .searchResultList li.result-item .result-icon{margin-right:12px;border-radius:4px}.searchModal .searchWrapper .results-container .results-section .searchResultList li.result-item .result-link{flex:1;padding:4px;display:block;color:#1e293b;text-decoration:none;font-weight:500;font-size:.8rem}.searchModal .searchWrapper .results-container .results-section .searchResultList li.result-item .result-link:hover{color:#667eea}.searchModal .searchWrapper .results-container .results-section .searchResultList li.no-results{padding:16px;text-align:center;color:#64748b;font-style:italic;background:rgba(0,0,0,0)}@media screen and (max-width:768px){.searchModal{top:80px}.searchModal .searchWrapper{margin:0 10px}.searchModal .searchWrapper .searchInput .btn-close-search{right:-15px;width:28px;height:28px}.searchModal .searchWrapper .results-tabs .tab{padding:8px 10px}.searchModal .searchWrapper .results-tabs .tab .tab-text{font-size:.6875rem}.searchModal .searchWrapper .results-container .results-section .searchResultList{max-height:240px}.searchModal .searchWrapper .results-container .results-section .searchResultList li.result-item{padding:8px 12px}.searchModal .searchWrapper .results-container .results-section .searchResultList li.result-item .result-link{font-size:.75rem}}