.searchable-select{width:100%;min-width:200px;position:relative}.select-trigger{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:space-between;align-items:center;min-height:40px;padding:8px 12px;transition:all .2s;display:flex}.select-trigger:hover{border-color:#4285f4}.select-trigger.open{border-color:#4285f4;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 2px 4px #4285f41a}.select-text{text-align:left;color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.select-text:empty:before{content:attr(data-placeholder);color:#999}.select-arrow{color:#666;margin-left:8px;font-size:12px;transition:transform .2s}.select-arrow.up{transform:rotate(180deg)}.select-dropdown{z-index:1000;background:#fff;border:1px solid #4285f4;border-top:none;border-radius:0 0 4px 4px;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.search-container{background:#f9f9f9;border-bottom:1px solid #eee;padding:8px}.search-input{border:1px solid #ddd;border-radius:3px;outline:none;width:100%;padding:6px 8px;font-size:14px;transition:border-color .2s}.search-input:focus{border-color:#4285f4}.options-container{max-height:200px;overflow-y:auto}.select-option{cursor:pointer;color:#333;border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:14px;transition:background-color .2s}.select-option:hover{background-color:#f5f5f5}.select-option.selected{color:#1976d2;background-color:#e3f2fd;font-weight:500}.select-option:last-child{border-bottom:none}.no-options{text-align:center;color:#999;padding:12px;font-size:14px;font-style:italic}@media (max-width:768px){.searchable-select{min-width:150px}.select-trigger{min-height:36px;padding:6px 10px}.select-text{font-size:13px}.select-option{padding:8px 10px;font-size:13px}.search-input{padding:5px 6px;font-size:13px}}@media (max-width:480px){.searchable-select{min-width:120px}.select-trigger{min-height:32px;padding:5px 8px}.select-text{font-size:12px}.select-option{padding:6px 8px;font-size:12px}.search-input{padding:4px 6px;font-size:12px}}.options-container::-webkit-scrollbar{width:6px}.options-container::-webkit-scrollbar-track{background:#f1f1f1}.options-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.options-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}