.custom-select{width:100%;font-family:Arial,sans-serif;position:relative}.select-box{cursor:pointer;background:#fff;border:1px solid #cfd8dc;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 14px;transition:all .2s;display:flex;overflow:hidden}.options-list li.option.active{background:var(--green);color:#fff}.selected-text{white-space:nowrap;text-overflow:ellipsis;flex:1;width:0;min-width:0;font-size:14.4px;overflow:hidden}.select-box:hover{border-color:#10c38a}.select-box.active{border-color:#10c38a;box-shadow:0 0 0 3px #10c38a1f}.arrow{color:#555;font-size:14px}.select-dropdown{z-index:1000;background:#fff;border:1px solid #d9e3e6;border-radius:12px;width:100%;display:none;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 24px #00000014}.select-dropdown.show{display:block}.search-wrapper{border-bottom:1px solid #edf2f4;padding:10px}.search-wrapper input{border:1px solid #d7e0e3;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px}.search-wrapper input:focus{border-color:#10c38a;box-shadow:0 0 0 3px #10c38a1a}.options-list{max-height:220px;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.option{cursor:pointer;padding:11px 14px;font-size:14.4px;transition:background .2s}.option:hover{background:#f3fbf8}.option.hidden{display:none}