.input-wrapper{gap:var(--spacing-1);flex-direction:column;display:flex}.input-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.input-container{align-items:center;display:flex;position:relative}.input-field{width:100%;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);transition:all var(--transition-normal)}.input-field::placeholder{color:var(--color-text-muted)}.input-field:hover:not(:disabled){border-color:var(--color-border-primary);background:var(--color-bg-hover)}.input-field:focus{border-color:var(--color-brand-primary);background:var(--color-bg-tertiary);outline:none;box-shadow:0 0 0 3px #6fb8e933}.input-field:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-secondary)}.input-icon-left .input-field{padding-left:var(--spacing-10)}.input-icon-right .input-field{padding-right:var(--spacing-10)}.input-icon{color:var(--color-text-tertiary);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.input-icon-left .input-icon{left:var(--spacing-3)}.input-icon-right .input-icon{right:var(--spacing-3)}.input-icon svg{width:20px;height:20px}.input-error .input-field{border-color:var(--color-error)}.input-error .input-field:focus{box-shadow:0 0 0 3px #ef535033}.input-error-message{font-size:var(--font-size-sm);color:var(--color-error)}.input-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}