.app-input-wrapper[data-v-5cf0cca9]{position:relative;width:100%}.app-input[data-v-5cf0cca9]{--input-bg:var(--bg-primary);--input-border:var(--border-color);--input-radius:12px;--input-text:var(--text-primary);--input-placeholder:var(--text-secondary);--input-padding-x:var(--spacing-md);--input-padding-y:var(--spacing-sm);--input-font-size:var(--text-base);--input-mobile-font-size:var(--mobile-text-base);--input-min-height:var(--touch-target-min);--input-focus-ring:color-mix(in srgb,var(--primary),transparent 90%);--input-border-width:calc(var(--spacing-2xs)/4);--input-focus-ring-size:calc(var(--spacing-2xs) - var(--spacing-3xs)/2);--input-icon-gap:var(--spacing-xs);align-items:center;background:var(--input-bg);border:var(--input-border-width) solid var(--input-border);border-radius:var(--input-radius);display:flex;position:relative;transition:all .2s ease}.app-input--xs[data-v-5cf0cca9]{--input-padding-x:var(--spacing-xs);--input-padding-y:calc(var(--spacing-2xs) + var(--spacing-3xs));--input-font-size:var(--text-sm);--input-mobile-font-size:var(--mobile-text-base);--input-min-height:calc(var(--spacing-lg) + var(--spacing-xs))}.app-input--sm[data-v-5cf0cca9]{--input-padding-x:var(--spacing-sm);--input-padding-y:var(--spacing-xs);--input-font-size:var(--text-sm);--input-mobile-font-size:var(--mobile-text-base);--input-min-height:calc(var(--spacing-xl) + var(--spacing-2xs))}.app-input--md[data-v-5cf0cca9]{--input-padding-x:var(--spacing-md);--input-padding-y:var(--spacing-sm);--input-font-size:var(--text-base);--input-min-height:var(--touch-target-min)}.app-input--lg[data-v-5cf0cca9]{--input-padding-x:var(--spacing-lg);--input-padding-y:var(--spacing-md);--input-font-size:var(--text-lg);--input-mobile-font-size:var(--text-lg);--input-min-height:calc(var(--spacing-2xl) + var(--spacing-2xs))}.app-input--density-compact[data-v-5cf0cca9]{--input-radius:10px}.app-input--density-compact.app-input--xs[data-v-5cf0cca9]{--input-padding-x:var(--spacing-xs);--input-padding-y:calc(var(--spacing-2xs) + var(--spacing-3xs));--input-min-height:calc(var(--spacing-lg) + var(--spacing-xs))}.app-input--density-compact.app-input--sm[data-v-5cf0cca9]{--input-padding-x:calc(var(--spacing-xs) + var(--spacing-3xs));--input-padding-y:calc(var(--spacing-2xs) + var(--spacing-3xs));--input-min-height:calc(var(--spacing-lg) + var(--spacing-sm))}.app-input--density-compact.app-input--md[data-v-5cf0cca9]{--input-padding-x:var(--spacing-sm);--input-padding-y:var(--spacing-xs);--input-min-height:calc(var(--spacing-md) + var(--spacing-lg))}.app-input--density-compact.app-input--lg[data-v-5cf0cca9]{--input-padding-x:var(--spacing-md);--input-padding-y:var(--spacing-sm);--input-min-height:var(--input-height-min)}.app-input--default[data-v-5cf0cca9]{--input-bg:var(--bg-primary);--input-border:var(--border-color)}.app-input--outline[data-v-5cf0cca9]{--input-bg:transparent;--input-border:var(--border-color)}.app-input--filled[data-v-5cf0cca9]{--input-bg:var(--bg-secondary);--input-border:transparent}.app-input--search[data-v-5cf0cca9]{--input-bg:var(--bg-secondary)}.app-input--disabled[data-v-5cf0cca9]{cursor:not-allowed;opacity:.6}.app-input--readonly[data-v-5cf0cca9]{--input-bg:var(--bg-secondary);cursor:default}.app-input--error[data-v-5cf0cca9]{--input-border:var(--danger);--input-focus-ring:color-mix(in srgb,var(--danger),transparent 90%);box-shadow:0 0 0 var(--input-border-width) var(--danger)}.app-input--success[data-v-5cf0cca9]{--input-border:var(--success);--input-focus-ring:color-mix(in srgb,var(--success),transparent 90%);box-shadow:0 0 0 var(--input-border-width) var(--success)}.app-input--full-width[data-v-5cf0cca9]{width:100%}.app-input[data-v-5cf0cca9]:focus-within{border-color:var(--primary);box-shadow:0 0 0 var(--input-focus-ring-size) var(--input-focus-ring)}.app-input--error[data-v-5cf0cca9]:focus-within{border-color:var(--danger)}.app-input--success[data-v-5cf0cca9]:focus-within{border-color:var(--success)}.app-input__field[data-v-5cf0cca9]{background:transparent;border:none;color:var(--input-text);flex:1;font-family:inherit;font-size:var(--input-font-size);line-height:var(--leading-normal);min-width:0;outline:none;padding:var(--input-padding-y) var(--input-padding-x);width:100%}.app-input__field[data-v-5cf0cca9]::-moz-placeholder{color:var(--input-placeholder);opacity:.7}.app-input__field[data-v-5cf0cca9]::placeholder{color:var(--input-placeholder);opacity:.7}.app-input__field[data-v-5cf0cca9]:disabled{cursor:not-allowed}.app-input__field[data-v-5cf0cca9]:readonly{cursor:default}.app-input__addon[data-v-5cf0cca9]{align-items:center;background:var(--bg-secondary);border-left:var(--input-border-width) solid var(--input-border);display:flex;height:100%;position:relative}.app-input__addon-select[data-v-5cf0cca9]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--input-text);cursor:pointer;font-family:inherit;font-size:var(--input-font-size);line-height:var(--leading-normal);min-height:var(--input-min-height);outline:none;padding:var(--input-padding-y) var(--input-padding-x);padding-right:calc(var(--input-padding-x) + var(--spacing-lg))}.app-input__addon-select[data-v-5cf0cca9]:disabled{cursor:not-allowed}.app-input__addon-arrow[data-v-5cf0cca9]{color:var(--text-secondary);opacity:.7;pointer-events:none;position:absolute;right:var(--input-padding-x)}.app-input__icon[data-v-5cf0cca9]{color:var(--text-secondary);flex-shrink:0;opacity:.7}.app-input--sm .app-input__icon[data-v-5cf0cca9]{line-height:1}.app-input__icon--left[data-v-5cf0cca9]{margin-left:var(--input-padding-x);margin-right:calc(var(--input-icon-gap)*-1)}.app-input__icon--right[data-v-5cf0cca9]{margin-left:calc(var(--input-icon-gap)*-1);margin-right:var(--input-padding-x)}.app-input--icon-left .app-input__field[data-v-5cf0cca9]{padding-left:var(--input-icon-gap)}.app-input--icon-right .app-input__field[data-v-5cf0cca9]{padding-right:var(--input-icon-gap)}.app-input--search .app-input__icon[data-v-5cf0cca9]{color:var(--text-secondary)}@media(max-width:768px){.app-input__addon-select[data-v-5cf0cca9],.app-input__field[data-v-5cf0cca9]{font-size:var(--input-mobile-font-size)}.app-input--xs[data-v-5cf0cca9]{--input-padding-x:var(--spacing-xs);--input-padding-y:calc(var(--spacing-2xs) + var(--spacing-3xs));--input-min-height:calc(var(--spacing-lg) + var(--spacing-sm))}.app-input--sm[data-v-5cf0cca9]{--input-padding-x:var(--spacing-sm);--input-padding-y:calc(var(--spacing-xs) - var(--spacing-3xs));--input-min-height:var(--spacing-xl)}.app-input--md[data-v-5cf0cca9]{--input-padding-x:var(--spacing-md);--input-font-size:var(--mobile-text-base);--input-min-height:var(--touch-target-min)}.app-input--lg[data-v-5cf0cca9]{--input-padding-x:var(--spacing-lg);--input-min-height:var(--input-height-min)}.app-input--density-compact.app-input--xs[data-v-5cf0cca9]{--input-padding-x:calc(var(--spacing-xs) - var(--spacing-3xs));--input-padding-y:var(--spacing-2xs);--input-min-height:calc(var(--spacing-lg) + var(--spacing-sm))}.app-input--density-compact.app-input--sm[data-v-5cf0cca9]{--input-padding-x:var(--spacing-xs);--input-padding-y:calc(var(--spacing-2xs) + var(--spacing-3xs));--input-min-height:calc(var(--spacing-lg) + var(--spacing-sm))}.app-input--density-compact.app-input--md[data-v-5cf0cca9]{--input-padding-x:var(--spacing-sm);--input-padding-y:calc(var(--spacing-xs) - var(--spacing-3xs));--input-min-height:calc(var(--spacing-xl) + var(--spacing-2xs))}}