.search-bar-container{width:100%;position:relative}.search-bar{box-sizing:border-box;background-color:#fff;border:1px solid #061e3b66;border-radius:16px;align-items:center;gap:8px;width:100%;min-height:44px;padding:12px;transition:all .2s;display:flex}.search-bar:hover{border-color:#061e3b99}.search-bar:focus-within{border-color:#061e3b;outline:2px solid #061e3b1a}.search-bar--active{background-color:#ebf6fc;border-color:#0099dc}.search-icon{opacity:.7;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.search-icon:hover{opacity:1}.search-icon img{display:block}.search-input{color:#061e3b;background-color:#0000;border:none;outline:none;flex:1;width:100%;min-width:0;padding:0;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:1.219em}.search-input::placeholder{color:#061e3b;opacity:.7}.search-placeholder{color:#061e3b;opacity:.7;cursor:default;flex:1;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:1.219em}.search-clear-btn{cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.search-clear-btn:hover{opacity:1}.search-clear-btn img{display:block}.search-dropdown{z-index:1000;background:#fff;border-radius:16px;max-height:400px;padding:12px 8px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-section{flex-direction:column;gap:4px;display:flex}.search-dropdown-section+.search-dropdown-section{margin-top:6px}.search-dropdown-category{align-items:center;gap:8px;padding:8px 8px 4px;display:flex}.search-dropdown-category-title{color:#6b7280;text-align:left;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;line-height:1.458em}.search-dropdown-results{flex-direction:column;gap:4px;display:flex}.search-dropdown-result{cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border:none;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px;transition:background-color .2s;display:flex}.search-dropdown-result:hover{background-color:#f9fafb}.search-dropdown-result:active{background-color:#f3f4f6}.search-result-icon{opacity:.6;flex-shrink:0}.search-result-text{color:#111827;flex:1;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:1.219em}.search-dropdown-empty{text-align:center;color:#6b7280;padding:24px 12px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500}.search-dropdown-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 12px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;display:flex}.search-loading-spinner{border:3px solid #e5e7eb;border-top-color:#0099dc;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.search-bar{min-height:40px;padding:10px}.search-input,.search-placeholder{font-size:14px}.search-dropdown{border-radius:12px;max-height:300px}.search-dropdown-result{padding:10px}.search-result-text{font-size:13px}.search-dropdown-category-title{font-size:11px}}@media (max-width:480px){.search-bar{gap:6px;padding:8px}.search-icon img,.search-clear-btn img{width:18px;height:18px}.search-input,.search-placeholder{font-size:13px}.search-dropdown{max-height:250px;padding:8px 6px}.search-dropdown-result{gap:8px;padding:8px}.search-result-icon{width:16px;height:16px}.search-result-text{font-size:12px}.search-dropdown-category{padding:6px 6px 3px}.search-dropdown-category-title{font-size:10px}.search-dropdown-empty,.search-dropdown-loading{padding:16px 8px;font-size:12px}}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:0 0}.search-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}