.select-group{position:relative;width:100%}.select-container{display:flex;align-items:center;position:relative;height:56px;border:1px solid;border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:white;border-color:#e5e7eb}.select-container:hover{border-color:#9ca3af}.select-container.select-open{border-color:#3b82f6}.select-container.select-error{border-color:#ef4444}.dark .select-container{background-color:#1f2937;border-color:#374151}.dark .select-container:hover{border-color:#4b5563}.dark .select-container.select-open{border-color:#60a5fa}.select-value{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value.has-value{color:#111827}.dark .select-value.has-value{color:#f3f4f6}.select-arrow{position:absolute;right:1rem;transition:transform .3s ease}.select-arrow.rotate-180{transform:rotate(180deg)}.select-dropdown{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;z-index:10;border:1px solid;border-radius:8px;margin-top:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);background-color:white;border-color:#e5e7eb}.dark .select-dropdown{background-color:#1f2937;border-color:#374151}.select-option{padding:12px 16px;cursor:pointer;transition:background-color .3s ease}.select-option:hover{background-color:#f3f4f6}.select-option.selected{background-color:#eff6ff;font-weight:600}.dark .select-option:hover{background-color:#374151}.dark .select-option.selected{background-color:#1e3a8a}.select-group.rtl{direction:rtl}.select-group.rtl .select-arrow{left:1rem;right:auto}.select-container.select-error{animation:input-error-shake .4s}